@voplus/morpho-document 1.0.0-dev214 → 1.0.0-dev216

package/es/modules/unit/components/UnitAvatar/index.js

@@ -2,17 +2,18 @@ import "./index.less";
 import { Avatar, Tooltip } from "@voplus/antd";
 import React from "react";
 import classnames from "classnames";
-import { useContact } from "@voplus/morpho-org";
+import styles from "./index.less";
 import { useObserver } from "mobx-react-lite";
+import { useUnit } from "../../data";
 const colorList = ["#765FEE", "#fe4066", "#FFC832", "#FF8F5E", "#3AC43A", "#FFC832"];
 const UnitAvatar = (props) => {
-    const { id, index, size, disabled, tooltip } = props;
-    const contact = useContact(id, { reload: false });
+    const { id, index, size, disabled, tooltip, className } = props;
+    const contact = useUnit(id, { reload: false });
     const avatar = useObserver(() => (React.createElement(Avatar
     // src={contact.url}
     , { 
         // src={contact.url}
-        size: size, className: classnames({ "avatar-item-disabled": !!disabled }, "avatar-item-img"), style: { backgroundColor: colorList[(index || 0) % 6] } }, setName(contact.name))));
+        size: size, className: classnames({ "avatar-item-disabled": !!disabled }, styles["avatar-item-img"], className), style: { backgroundColor: colorList[(index || 0) % 6] } }, setName(contact.name))));
     return useObserver(() => (React.createElement(React.Fragment, null, !tooltip ? avatar : React.createElement(Tooltip, { title: contact.name }, avatar))));
     function setName(name) {
         let str = "";

package/es/modules/unit/components/UnitAvatar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/unit/components/UnitAvatar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,SAAS,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;AAErF,MAAM,UAAU,GAAG,CAAC,KAMnB,EAAE,EAAE;IACJ,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IACrD,MAAM,OAAO,GAAG,UAAU,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;IAElD,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,CAChC,oBAAC,MAAM;IACN,oBAAoB;;QAApB,oBAAoB;QACpB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,UAAU,CAAC,EAAE,sBAAsB,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAE,iBAAiB,CAAC,EAChF,KAAK,EAAE,EAAE,eAAe,EAAE,SAAS,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,IAGtD,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CACd,CACT,CAAC,CAAC;IAEH,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,KAAK,CAAC,QAAQ,QACb,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,oBAAC,OAAO,IAAC,KAAK,EAAE,OAAO,CAAC,IAAI,IAAG,MAAM,CAAW,CACrD,CACjB,CAAC,CAAC;IACH,SAAS,OAAO,CAAC,IAAY;QAC5B,IAAI,GAAG,GAAG,EAAE,CAAC;QACb,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE;YAC5B,GAAG,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACvB,CAAC,EAAE;QACH,OAAO,GAAG,CAAC;IACZ,CAAC;AACF,CAAC,CAAC;AACF,UAAU,CAAC,YAAY,GAAG;IACzB,IAAI,EAAE,OAAO;CACb,CAAC;AACF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/unit/components/UnitAvatar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,MAAM,SAAS,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;AAErF,MAAM,UAAU,GAAG,CAAC,KAOnB,EAAE,EAAE;IACJ,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAChE,MAAM,OAAO,GAAG,OAAO,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;IAE/C,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,CAChC,oBAAC,MAAM;IACN,oBAAoB;;QAApB,oBAAoB;QACpB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,UAAU,CACpB,EAAE,sBAAsB,EAAE,CAAC,CAAC,QAAQ,EAAE,EACtC,MAAM,CAAC,iBAAiB,CAAC,EACzB,SAAS,CACT,EACD,KAAK,EAAE,EAAE,eAAe,EAAE,SAAS,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,IAGtD,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CACd,CACT,CAAC,CAAC;IAEH,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,KAAK,CAAC,QAAQ,QACb,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,oBAAC,OAAO,IAAC,KAAK,EAAE,OAAO,CAAC,IAAI,IAAG,MAAM,CAAW,CACrD,CACjB,CAAC,CAAC;IACH,SAAS,OAAO,CAAC,IAAY;QAC5B,IAAI,GAAG,GAAG,EAAE,CAAC;QACb,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE;YAC5B,GAAG,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACvB,CAAC,EAAE;QACH,OAAO,GAAG,CAAC;IACZ,CAAC;AACF,CAAC,CAAC;AACF,UAAU,CAAC,YAAY,GAAG;IACzB,IAAI,EAAE,OAAO;CACb,CAAC;AACF,eAAe,UAAU,CAAC"}

package/es/modules/unit/components/UnitAvatar/index.less

@@ -1,6 +1,5 @@
-:global {
-	.avatar-item-img {
-		margin-right: 6px;
+.avatar-item-img {
+	:global {
 		&-disabled {
 			opacity: 0.7;
 		}

package/es/modules/unit/components/UnitDetails/index.js

@@ -1,14 +1,105 @@
-import React from "react";
+import { Button, DatePicker, Form, Input } from "@voplus/antd";
+import React, { useEffect, useState } from "react";
+import moment from "moment";
+import { useUnit, useUnitStore } from "../../data";
+import { InlineEdit } from "@voplus/morpho-ui";
+import { Scrollbars } from "react-custom-scrollbars";
+import { State } from "./state";
+import classnames from "classnames";
 import styles from "./index.less";
-import { useContact } from "@voplus/morpho-org";
+import { toJS } from "mobx";
 import { useObserver } from "mobx-react-lite";
 const UnitDetails = (props) => {
-    const { id } = props;
-    const contact = useContact(id, { reload: false });
+    const [state] = useState(new State());
+    const store = useUnitStore();
+    state.id = props.id;
+    state.contact = useUnit(state.id, { reload: false });
+    const [form] = Form.useForm();
+    const layout = {
+        labelCol: { span: 6 },
+        wrapperCol: { span: 18 }
+    };
+    const editLayout = {
+        wrapperCol: { offset: 6, span: 16 }
+    };
+    const tailLayout = {
+        wrapperCol: { offset: 0, span: 24 }
+    };
+    useEffect(() => {
+        state.birthday = "";
+        state.birthdayEdit = false;
+        state.addressEdit = false;
+    }, [props.id]);
     return useObserver(() => (React.createElement("div", { className: styles["unit-details"] },
-        React.createElement("div", { className: "" },
-            React.createElement("div", { className: "title" }, "CONTACT INFORMATION"),
-            React.createElement("div", null)))));
+        React.createElement(Scrollbars, { autoHide: true },
+            React.createElement(Form, Object.assign({}, layout, { form: form, scrollToFirstError: true, onFinish: onFinish }),
+                React.createElement(Form.Item, Object.assign({}, tailLayout),
+                    React.createElement("div", { className: "unit-details-title" }, "CONTACT INFORMATION")),
+                React.createElement(Form.Item, { name: "phone", label: "Phone" },
+                    React.createElement(InlineEdit, { defaultValue: state.contact.phone, content: v => React.createElement("div", { className: classnames("file-name") }, v.store.value), onSave: (value) => save(value, state.contact.phone, { phone: value }) })),
+                React.createElement(Form.Item, { label: "Address" }, state.addressEdit ? (React.createElement(React.Fragment, null,
+                    React.createElement(Form.Item, { name: ["address", "line1"] },
+                        React.createElement(Input, { placeholder: "line1..." })),
+                    React.createElement(Form.Item, { name: ["address", "line2"] },
+                        React.createElement(Input, { placeholder: "line2..." })),
+                    React.createElement(Form.Item, { name: ["address", "city"] },
+                        React.createElement(Input, { placeholder: "city..." })),
+                    React.createElement(Form.Item, { name: ["address", "state"] },
+                        React.createElement(Input, { placeholder: "state..." })),
+                    React.createElement(Form.Item, { name: ["address", "postalCode"] },
+                        React.createElement(Input, { placeholder: "postalCode..." })),
+                    React.createElement(Form.Item, { name: ["address", "country"] },
+                        React.createElement(Input, { placeholder: "country..." })))) : (React.createElement("div", { className: classnames("file-name"), onClick: addressEdit },
+                    state.contact.address.country,
+                    state.contact.address.state,
+                    state.contact.address.city,
+                    state.contact.address.line2,
+                    state.contact.address.line1))),
+                state.addressEdit && (React.createElement(Form.Item, Object.assign({}, editLayout),
+                    React.createElement(Button, { onClick: () => (state.addressEdit = false) }, "Cancel"),
+                    React.createElement(Button, { className: "but-submit", type: "primary", htmlType: "submit" }, "Save"))),
+                React.createElement(Form.Item, { name: "email", label: "E-mail" },
+                    React.createElement(InlineEdit, { defaultValue: state.contact.email, content: v => React.createElement("div", { className: classnames("file-name") }, v.store.value), onSave: (value) => save(value, state.contact.email, { email: value }) })),
+                React.createElement(Form.Item, { name: "site", label: "Site" },
+                    React.createElement(InlineEdit, { defaultValue: state.contact.site, content: v => React.createElement("div", { className: classnames("file-name") }, v.store.value), onSave: (value) => save(value, state.contact.site, { site: value }) })),
+                React.createElement(Form.Item, Object.assign({}, tailLayout),
+                    React.createElement("div", { className: "unit-details-title" }, "BASIC INFORMATION")),
+                React.createElement(Form.Item, { name: "birthday", label: "Birthday" }, state.birthdayEdit ? (React.createElement(DatePicker, { defaultValue: moment(state.contact.birthday), open: state.birthdayEdit, bordered: false, onChange: dateChange })) : (React.createElement("div", { className: classnames("file-name"), onClick: () => (state.birthdayEdit = true) }, state.birthday ? state.birthday : JSON.stringify(toJS(state.contact.birthday))))),
+                React.createElement(Form.Item, { name: "gender", label: "Gender" },
+                    React.createElement(InlineEdit, { defaultValue: state.contact.gender, content: v => React.createElement("div", { className: classnames("file-name") }, v.store.value), onSave: (value) => save(value, state.contact.gender, { gender: value }) })))))));
+    function addressEdit() {
+        state.addressEdit = true;
+        form.setFieldsValue({
+            address: {
+                line1: state.contact.address.line1,
+                line2: state.contact.address.line2,
+                city: state.contact.address.city,
+                state: state.contact.address.state,
+                country: state.contact.address.country
+            }
+        });
+    }
+    /** edit save */
+    function save(v, name, params) {
+        if ((v === null || v === void 0 ? void 0 : v.trim()) === name)
+            return;
+        store.edit(state.id, params);
+    }
+    /** birthday change save */
+    function dateChange(date, dateString) {
+        state.birthday = dateString;
+        save(dateString, JSON.stringify(toJS(state.contact.birthday)), {
+            birthday: new Date(dateString)
+        });
+        state.birthdayEdit = false;
+    }
+    /** address change save */
+    function onFinish(values) {
+        save(JSON.stringify(values.address), JSON.stringify(state.contact.address), {
+            address: values.address
+        });
+        state.addressEdit = false;
+    }
 };
 export default UnitDetails;
 //# sourceMappingURL=index.js.map

package/es/modules/unit/components/UnitDetails/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/unit/components/UnitDetails/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,WAAW,GAAG,CAAC,KAAqB,EAAE,EAAE;IAC7C,MAAM,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC;IACrB,MAAM,OAAO,GAAG,UAAU,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;IAClD,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,6BAAK,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC;QACrC,6BAAK,SAAS,EAAC,EAAE;YAChB,6BAAK,SAAS,EAAC,OAAO,0BAA0B;YAChD,gCAAW,CACN,CACD,CACN,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/unit/components/UnitDetails/index.tsx"],"names":[],"mappings":"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"}

package/es/modules/unit/components/UnitDetails/index.less

@@ -1,5 +1,41 @@
-.unit-details{
-    :global{
-        
-    }
-}
+.unit-details {
+	height: 100%;
+	:global {
+		.ant-form{
+			margin: 20px;
+		}
+		.ant-form-item {
+			margin-bottom: 15px;
+		}
+		.ant-form-item-label {
+			text-align: left;
+		}
+		.ant-form-item-label > label {
+			font-size: 15px;
+			color: #000000;
+		}
+		.link {
+			color: #4395ff;
+		}
+		.unit-details-title {
+			font-size: 14px;
+			padding: 15px 0;
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			cursor: pointer;
+			.unit-editable {
+				.ant-btn {
+					font-size: 16px;
+					padding: 0 5px;
+				}
+			}
+		}
+		.but-submit{
+			margin: 0 20px;
+		}
+		.file-name{
+			min-height: 24.55px;
+		}
+	}
+}

package/es/modules/unit/components/UnitDetails/state.d.ts

@@ -0,0 +1,8 @@
+import { IUnit } from "../../data";
+export declare class State {
+    id: string;
+    contact: IUnit;
+    birthday: any;
+    birthdayEdit: boolean;
+    addressEdit: boolean;
+}

package/es/modules/unit/components/UnitDetails/state.js

@@ -0,0 +1,24 @@
+import { __decorate } from "tslib";
+import { observable } from "mobx";
+export class State {
+    constructor() {
+        this.birthdayEdit = false;
+        this.addressEdit = false;
+    }
+}
+__decorate([
+    observable
+], State.prototype, "id", void 0);
+__decorate([
+    observable
+], State.prototype, "contact", void 0);
+__decorate([
+    observable
+], State.prototype, "birthday", void 0);
+__decorate([
+    observable
+], State.prototype, "birthdayEdit", void 0);
+__decorate([
+    observable
+], State.prototype, "addressEdit", void 0);
+//# sourceMappingURL=state.js.map

package/es/modules/unit/components/UnitDetails/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/unit/components/UnitDetails/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAoB,UAAU,EAAE,MAAM,MAAM,CAAC;AAIpD,MAAM,OAAO,KAAK;IAAlB;QAIoB,iBAAY,GAAG,KAAK,CAAC;QACrB,gBAAW,GAAG,KAAK,CAAC;IACxC,CAAC;CAAA;AALY;IAAX,UAAU;iCAAmB;AAClB;IAAX,UAAU;sCAAuB;AACtB;IAAX,UAAU;uCAAsB;AACrB;IAAX,UAAU;2CAA6B;AAC5B;IAAX,UAAU;0CAA4B"}

package/es/modules/unit/components/UnitHead/index.d.ts

@@ -1,5 +1,7 @@
 /// <reference types="react" />
 declare const UnitHead: (props: {
     id: string;
+    onExpand?: (() => void) | undefined;
+    onReload?: (() => void) | undefined;
 }) => JSX.Element;
 export default UnitHead;

package/es/modules/unit/components/UnitHead/index.js

@@ -1,14 +1,38 @@
-import React from "react";
+import React, { useState } from "react";
+import { useUnit, useUnitStore } from "../../data";
+import { InlineEdit } from "@voplus/morpho-ui";
+import { Skeleton } from "@voplus/antd";
+import { State } from "./state";
+import ToolBar from "../../controls/ToolBar";
 import UnitAvatar from "../UnitAvatar";
+import classnames from "classnames";
 import styles from "./index.less";
-import { useContact } from "@voplus/morpho-org";
+import { useAsideContentContext } from "@voplus/morpho-ui/es/components/layout/AsideContent";
 import { useObserver } from "mobx-react-lite";
 const UnitHead = (props) => {
-    const { id } = props;
-    const contact = useContact(id, { reload: false });
-    return useObserver(() => (React.createElement("div", { className: styles["unit-head"] },
-        React.createElement(UnitAvatar, { id: id, size: 80 }),
-        React.createElement("div", { className: "unit-name" }, contact.name))));
+    const { id, onExpand, onReload } = props;
+    const [state] = useState(new State());
+    const store = useUnitStore();
+    const asideContext = useAsideContentContext();
+    state.contact = useUnit(id, { reload: true });
+    return useObserver(() => (React.createElement("div", { className: styles["unit-head"] }, state.contact.loading ? (React.createElement(Skeleton, { active: true })) : (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "tool-bar-content" },
+            React.createElement(ToolBar, { id: id, reload: true, url: onExpand ? "" : `/units/${id}`, expand: !!onExpand, onDelete: onItemDelete, onReLoad: onReload, onExpand: onExpand })),
+        React.createElement(UnitAvatar, { id: id, size: 70 }),
+        React.createElement("div", { className: "unit-name" },
+            React.createElement(InlineEdit, { defaultValue: state.contact.name, content: v => React.createElement("div", { className: classnames("inline-edit") }, v.store.value), onSave: value => save(value, state.contact.name, { Name: value }) })),
+        React.createElement("div", null, state.contact.type))))));
+    /** edit save */
+    function save(v, name, params) {
+        if (v.trim() === name)
+            return;
+        store.edit(state.contact.id, params);
+    }
+    /**delete contact*/
+    async function onItemDelete() {
+        await store.delete(id);
+        asideContext.closeAside();
+    }
 };
 export default UnitHead;
 //# sourceMappingURL=index.js.map

package/es/modules/unit/components/UnitHead/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/unit/components/UnitHead/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,QAAQ,GAAG,CAAC,KAAqB,EAAE,EAAE;IAC1C,MAAM,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC;IACrB,MAAM,OAAO,GAAG,UAAU,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;IAElD,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,6BAAK,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC;QAClC,oBAAC,UAAU,IAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,GAAI;QAChC,6BAAK,SAAS,EAAC,WAAW,IAAE,OAAO,CAAC,IAAI,CAAO,CAC1C,CACN,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/unit/components/UnitHead/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAEnD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,OAAO,MAAM,wBAAwB,CAAC;AAC7C,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,sBAAsB,EAAE,MAAM,qDAAqD,CAAC;AAC7F,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,QAAQ,GAAG,CAAC,KAAmE,EAAE,EAAE;IACxF,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACzC,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;IACtC,MAAM,KAAK,GAAG,YAAY,EAAE,CAAC;IAC7B,MAAM,YAAY,GAAG,sBAAsB,EAAE,CAAC;IAC9C,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;IAE9C,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,6BAAK,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,IACjC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CACxB,oBAAC,QAAQ,IAAC,MAAM,SAAG,CACnB,CAAC,CAAC,CAAC,CACH,oBAAC,KAAK,CAAC,QAAQ;QACd,6BAAK,SAAS,EAAC,kBAAkB;YAChC,oBAAC,OAAO,IACP,EAAE,EAAE,EAAE,EACN,MAAM,QACN,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,EAAE,EAAE,EACnC,MAAM,EAAE,CAAC,CAAC,QAAQ,EAClB,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GACjB,CACG;QACN,oBAAC,UAAU,IAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,GAAI;QAEhC,6BAAK,SAAS,EAAC,WAAW;YACzB,oBAAC,UAAU,IACV,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,EAChC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,6BAAK,SAAS,EAAE,UAAU,CAAC,aAAa,CAAC,IAAG,CAAC,CAAC,KAAK,CAAC,KAAK,CAAO,EAC9E,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAChE,CACG;QACN,iCAAM,KAAK,CAAC,OAAO,CAAC,IAAI,CAAO,CACf,CACjB,CACI,CACN,CAAC,CAAC;IAEH,gBAAgB;IAChB,SAAS,IAAI,CAAC,CAAS,EAAE,IAAY,EAAE,MAAc;QACpD,IAAI,CAAC,CAAC,IAAI,EAAE,KAAK,IAAI;YAAE,OAAO;QAC9B,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC;IACtC,CAAC;IAED,mBAAmB;IACnB,KAAK,UAAU,YAAY;QAC1B,MAAM,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QACvB,YAAa,CAAC,UAAU,EAAE,CAAC;IAC5B,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/es/modules/unit/components/UnitHead/index.less

@@ -1,11 +1,26 @@
 .unit-head {
 	text-align: center;
+	padding: 10px 0;
+    margin: 0 20px;
 	:global {
+		.tool-bar-content{
+			text-align: right;
+		}
+		// .unit-name {
+		// 	color: #000;
+		// 	font-size: 16px;
+        //     font-weight: 500;
+        //     margin-top: 12px;
+		// }
 		.unit-name {
 			color: #000;
-			font-size: 15px;
-            font-weight: 500;
-            margin-top: 12px;
+			font-size: 16px;
+			font-weight: 500;
+			margin-top: 12px;
+			cursor: pointer;
+			&.inline-edit{
+				cursor: text;
+			}
 		}
 	}
 }

package/es/modules/unit/components/UnitHead/state.d.ts

@@ -0,0 +1,11 @@
+import { IUnit } from "../../data";
+export declare type UnitItemProps = {
+    id: string;
+    /** expand */
+    onExpand?: () => void;
+    /** reload */
+    onReload?: () => void;
+};
+export declare class State {
+    contact: IUnit;
+}

package/es/modules/unit/components/UnitHead/state.js

@@ -0,0 +1,8 @@
+import { __decorate } from "tslib";
+import { observable } from "mobx";
+export class State {
+}
+__decorate([
+    observable
+], State.prototype, "contact", void 0);
+//# sourceMappingURL=state.js.map

package/es/modules/unit/components/UnitHead/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/unit/components/UnitHead/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAoB,UAAU,EAAQ,MAAM,MAAM,CAAC;AAY1D,MAAM,OAAO,KAAK;CAEjB;AADY;IAAX,UAAU;sCAAuB"}

package/es/modules/unit/components/UnitItem/DefaultUnitItem.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { UnitItemProps } from "./state";
+declare const DefaultUnitItem: (props: UnitItemProps) => JSX.Element;
+export default DefaultUnitItem;

package/es/modules/unit/components/UnitItem/DefaultUnitItem.js

@@ -0,0 +1,29 @@
+import React, { useState } from "react";
+import { State } from "./state";
+import { UnitContext, UnitContextState, useUnitContext } from "../../data/UnitContext";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import QuickDataIcon from "../../controls/QuickDataIcon";
+import UnitAvatar from "../UnitAvatar";
+import classnames from "classnames";
+import { faBars } from "@fortawesome/pro-light-svg-icons";
+import styles from "./index.less";
+import { useObserver } from "mobx-react-lite";
+import { useUnit } from "../../data";
+const DefaultUnitItem = (props) => {
+    const { id, index, className, connectDragSource } = props;
+    const [state] = useState(new State());
+    const contact = useUnit(id);
+    const store = useUnitContext();
+    const [options] = useState(new UnitContextState());
+    return useObserver(() => (React.createElement(UnitContext.Provider, { value: options },
+        React.createElement("div", { className: classnames(styles["unit-item"], className), onClick: () => { var _a; return (_a = store === null || store === void 0 ? void 0 : store.onUnitSelected) === null || _a === void 0 ? void 0 : _a.call(store, contact.id); } },
+            React.createElement("div", { className: "unit-avatar" },
+                React.createElement(UnitAvatar, { id: id, size: "large", index: index })),
+            React.createElement("div", null,
+                React.createElement("div", { className: "unit-name" }, contact.name),
+                React.createElement("div", null,
+                    connectDragSource ? (connectDragSource(React.createElement("span", { className: classnames("task-move", { show: state.editable }) }, React.createElement(FAIcon, { icon: faBars })))) : (React.createElement("span", { className: "task-move" })),
+                    React.createElement(QuickDataIcon, { id: id })))))));
+};
+export default DefaultUnitItem;
+//# sourceMappingURL=DefaultUnitItem.js.map

package/es/modules/unit/components/UnitItem/DefaultUnitItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultUnitItem.js","sourceRoot":"","sources":["../../../../../src/modules/unit/components/UnitItem/DefaultUnitItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,KAAK,EAAiB,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAEvF,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,aAAa,MAAM,8BAA8B,CAAC;AACzD,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAC1D,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,MAAM,eAAe,GAAG,CAAC,KAAoB,EAAE,EAAE;IAChD,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,GAAG,KAAK,CAAC;IAC1D,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;IACtC,MAAM,OAAO,GAAG,OAAO,CAAC,EAAE,CAAC,CAAC;IAE5B,MAAM,KAAK,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,CAAC,OAAO,CAAC,GAAG,QAAQ,CAAC,IAAI,gBAAgB,EAAE,CAAC,CAAC;IAEnD,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO;QACnC,6BACC,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC,EACrD,OAAO,EAAE,GAAG,EAAE,wBAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,cAAc,+CAArB,KAAK,EAAmB,OAAO,CAAC,EAAE,IAAC;YAElD,6BAAK,SAAS,EAAC,aAAa;gBAC3B,oBAAC,UAAU,IAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,KAAK,GAAI,CAC5C;YACN;gBACC,6BAAK,SAAS,EAAC,WAAW,IAAE,OAAO,CAAC,IAAI,CAAO;gBAC/C;oBACE,iBAAiB,CAAC,CAAC,CAAC,CACpB,iBAAiB,CAChB,8BAAM,SAAS,EAAE,UAAU,CAAC,WAAW,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,IAChE,oBAAC,MAAM,IAAC,IAAI,EAAE,MAAM,GAAI,CACnB,CACP,CACD,CAAC,CAAC,CAAC,CACH,8BAAM,SAAS,EAAC,WAAW,GAAG,CAC9B;oBACD,oBAAC,aAAa,IAAC,EAAE,EAAE,EAAE,GAAI,CACpB,CACD,CACD,CACgB,CACvB,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/es/modules/unit/components/UnitItem/SubUnitItem.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { UnitItemProps } from "./state";
+declare const SubUnitItem: (props: UnitItemProps) => JSX.Element;
+export default SubUnitItem;

package/es/modules/unit/components/UnitItem/SubUnitItem.js

@@ -0,0 +1,35 @@
+import { Checkbox } from "@voplus/antd";
+import React, { useState } from "react";
+import { State } from "./state";
+import { UnitContext, UnitContextState, useUnitContext } from "../../data/UnitContext";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import QuickDataIcon from "../../controls/QuickDataIcon";
+import ToolBar from "../../controls/ToolBar";
+import UnitAvatar from "../UnitAvatar";
+import classnames from "classnames";
+import { faBars } from "@fortawesome/pro-light-svg-icons";
+import styles from "./index.less";
+import { useObserver } from "mobx-react-lite";
+import { useUnit } from "../../data";
+const SubUnitItem = (props) => {
+    const { id, index, type, multiple, className, connectDragSource } = props;
+    const [state] = useState(new State());
+    const contact = useUnit(id);
+    const store = useUnitContext();
+    const [options] = useState(new UnitContextState());
+    return useObserver(() => (React.createElement(UnitContext.Provider, { value: options },
+        React.createElement("div", { className: classnames(styles["unit-item"], className), onClick: () => { var _a; return (_a = store === null || store === void 0 ? void 0 : store.onUnitSelected) === null || _a === void 0 ? void 0 : _a.call(store, contact.id); }, onMouseLeave: () => (state.isHover = false) },
+            React.createElement("div", { className: classnames("unit-item_box", { "unit-item_hover": state.isHover }), onMouseOver: () => (state.isHover = !multiple && !state.editable) },
+                multiple && React.createElement(Checkbox, { value: props.id, className: "multiple-checkbox" }),
+                React.createElement("div", { className: "unit-avatar" },
+                    React.createElement(UnitAvatar, { id: id, size: "large", index: index })),
+                React.createElement("div", null,
+                    React.createElement("div", { className: "unit-name" }, contact.name),
+                    React.createElement("div", null,
+                        !multiple && connectDragSource ? (connectDragSource(React.createElement("span", { className: classnames("task-move", { show: state.editable }) }, React.createElement(FAIcon, { icon: faBars })))) : (React.createElement("span", { className: "task-move" })),
+                        React.createElement(QuickDataIcon, { id: id })))),
+            type === "sub" && (React.createElement("div", { className: classnames("hover-operate-icon", { show: state.isHover }) },
+                React.createElement(ToolBar, { id: props.id, size: "middle", url: `/units/${props.id}` })))))));
+};
+export default SubUnitItem;
+//# sourceMappingURL=SubUnitItem.js.map

package/es/modules/unit/components/UnitItem/SubUnitItem.js.map

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

package/es/modules/unit/components/UnitItem/index.less

@@ -1,19 +1,37 @@
 .unit-item {
+	flex: 1;
+	color: #333;
 	display: flex;
 	align-items: center;
-	padding: 5px 0;
-	color: #333;
+	position: relative;
+	padding: 10px 0;
+	margin: 0 20px;
+	border-bottom: 1px solid #d9d9d9;
 	:global {
-		&-disabled {
-			opacity: 0.7;
+		.unit-item_box {
+			flex:1;
+			display: flex;
+			align-items: center;
+		}
+		.multiple-checkbox {
+			margin-right: 10px;
 		}
 		.unit-name {
 			color: #000;
 			font-size: 15px;
 			font-weight: 500;
 		}
-		.avatar-item-img {
+		.unit-avatar {
 			margin-right: 10px;
 		}
+		.hover-operate-icon {
+			display: none;
+			position: absolute;
+			right: 0;
+			z-index: 100;
+			&.show {
+				display: block;
+			}
+		}
 	}
 }

package/es/modules/unit/components/UnitItem/state.d.ts

@@ -0,0 +1,20 @@
+import { ConnectDragSource } from "react-dnd";
+import { IUnit } from "../../data";
+export declare type UnitItemProps = {
+    id: string;
+    index?: number;
+    type?: string;
+    reload?: boolean;
+    multiple?: boolean;
+    connectDragSource?: ConnectDragSource;
+    onExpand?: () => void;
+    onReload?: () => void;
+    className?: string;
+};
+export declare class State {
+    contact: IUnit;
+    /** Edit model of unit  */
+    editable: boolean;
+    /** MouseOver of sub unit  */
+    isHover: boolean;
+}

package/es/modules/unit/components/UnitItem/state.js

@@ -0,0 +1,20 @@
+import { __decorate } from "tslib";
+import { observable } from "mobx";
+export class State {
+    constructor() {
+        /** Edit model of unit  */
+        this.editable = false;
+        /** MouseOver of sub unit  */
+        this.isHover = false;
+    }
+}
+__decorate([
+    observable
+], State.prototype, "contact", void 0);
+__decorate([
+    observable
+], State.prototype, "editable", void 0);
+__decorate([
+    observable
+], State.prototype, "isHover", void 0);
+//# sourceMappingURL=state.js.map

package/es/modules/unit/components/UnitItem/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/unit/components/UnitItem/state.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAclC,MAAM,OAAO,KAAK;IAAlB;QAEC,0BAA0B;QACP,aAAQ,GAAG,KAAK,CAAC;QACpC,6BAA6B;QACV,YAAO,GAAG,KAAK,CAAC;IACpC,CAAC;CAAA;AALY;IAAX,UAAU;sCAAuB;AAEtB;IAAX,UAAU;uCAAyB;AAExB;IAAX,UAAU;sCAAwB"}

package/es/modules/unit/components/UnitList/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { UnitListProps } from "./state";
+declare const UnitList: (props: UnitListProps) => JSX.Element;
+export default UnitList;

package/es/modules/unit/components/UnitList/index.js

@@ -0,0 +1,37 @@
+import { DocumentStatusFilter, FlagFilter } from "../../../../controls/filters";
+import { useAutoUpdateUnitListData, useUnitListEffect } from "../../data";
+import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
+import React, { useState } from "react";
+import { State } from "./state";
+import ListView from "@voplus/morpho-ui/es/components/layout/ListView/ListView2";
+import NewUnitForm from "../NewUnitForm";
+import UnitItem from "../UnitItem/DefaultUnitItem";
+import UnitPropertiesView from "../UnitPropertiesView";
+import { useObserver } from "mobx-react-lite";
+import { useRenderOnChange } from "@voplus/morpho-ui";
+const UnitList = (props) => {
+    const { readonly, parentId } = props;
+    const [state] = useState(new State());
+    state.props = props;
+    /** 建立 ListView 和useContactListEffect所需的ListDataState. 会根据parentId重建所以不需reset. */
+    const list = useCreateListDataState({
+        filterDefaults: {
+            filters: []
+        }
+    }, [parentId]);
+    /** 如果 list.filters.options变更了就重渲染，使下一行的useContactListEffect 可以接收新参数*/
+    useRenderOnChange(() => list.filters.options);
+    /** 把ListDataState传给useContactListEffect,使之可以自動更新loading, hasmore. */
+    useUnitListEffect(list, result => list.union(result), list.filters.options);
+    /** useOnNewContact, useOnDeleteContact的sugar syntax 自動更新list. */
+    useAutoUpdateUnitListData(list, d => d.parentNodeId === parentId);
+    return useObserver(() => (React.createElement(ListDataContext.Provider, { value: list },
+        React.createElement(ListView, { renderId: parentId, headerProps: {
+                filterViewProps: {
+                    columns: [React.createElement(DocumentStatusFilter, { key: "Status" }), React.createElement(FlagFilter, { key: "Flag" })]
+                },
+                sortable: false
+            }, formViewTitle: "Add Unit", formView: React.createElement(NewUnitForm, { parentId: "c896a84e-b31a-4d10-a181-5d34a21b172d" }), propertiesView: (id) => React.createElement(UnitPropertiesView, { id: id }), renderItem: ({ item, index, connectDragSource }) => (React.createElement(UnitItem, { id: item.id, index: index, reload: !!readonly })) }))));
+};
+export default UnitList;
+//# sourceMappingURL=index.js.map

package/es/modules/unit/components/UnitList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/unit/components/UnitList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAChF,OAAO,EAAS,yBAAyB,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AACjF,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACpF,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,KAAK,EAAiB,MAAM,SAAS,CAAC;AAE/C,OAAO,QAAQ,MAAM,2DAA2D,CAAC;AACjF,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,QAAQ,MAAM,6BAA6B,CAAC;AACnD,OAAO,kBAAkB,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEtD,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IACzC,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACrC,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;IACtC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;IAEpB,iFAAiF;IACjF,MAAM,IAAI,GAAG,sBAAsB,CAClC;QACC,cAAc,EAAE;YACf,OAAO,EAAE,EAAE;SACX;KACD,EACD,CAAC,QAAQ,CAAC,CACV,CAAC;IAEF,sEAAsE;IACtE,iBAAiB,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAE9C,qEAAqE;IACrE,iBAAiB,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAE5E,iEAAiE;IACjE,yBAAyB,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,KAAK,QAAQ,CAAC,CAAC;IAElE,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI;QACpC,oBAAC,QAAQ,IACR,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE;gBACZ,eAAe,EAAE;oBAChB,OAAO,EAAE,CAAC,oBAAC,oBAAoB,IAAC,GAAG,EAAC,QAAQ,GAAG,EAAE,oBAAC,UAAU,IAAC,GAAG,EAAC,MAAM,GAAG,CAAC;iBAC3E;gBACD,QAAQ,EAAE,KAAK;aACf,EACD,aAAa,EAAC,UAAU,EACxB,QAAQ,EAAE,oBAAC,WAAW,IAAC,QAAQ,EAAC,sCAAsC,GAAG,EACzE,cAAc,EAAE,CAAC,EAAU,EAAE,EAAE,CAAC,oBAAC,kBAAkB,IAAC,EAAE,EAAE,EAAE,GAAI,EAC9D,UAAU,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,iBAAiB,EAAO,EAAE,EAAE,CAAC,CACxD,oBAAC,QAAQ,IACR,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,CAAC,CAAC,QAAQ,GAEjB,CACF,GACA,CACwB,CAC3B,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}