@voplus/morpho-csp 1.2.0-dev09 → 1.2.2

package/es/modules/corporate/Relationship/components/CorporateRelationshipChart/index.js

@@ -0,0 +1,259 @@
+import { Graph } from "@antv/x6";
+import React, { useLayoutEffect, useState } from "react";
+import { State } from "./state";
+import dagre from "dagre";
+import { debounce } from "lodash-es";
+import { observe } from "@voplus/morpho-ui";
+import { useCorporateRelationshipContext } from "../../../../../data/relationship/CorporateRelationshipContext";
+import { useRelationshipStore } from "../../../../../data/relationship";
+const CorporateRelationshipChart = (props) => {
+    const store = useRelationshipStore();
+    const context = useCorporateRelationshipContext();
+    const [state] = useState(new State());
+    // 自定义节点
+    Graph.registerNode("org-node", {
+        id: "id",
+        data: "data",
+        width: 120,
+        height: 64,
+        markup: [
+            {
+                tagName: "rect",
+                attrs: {
+                    class: "body",
+                    cursor: state.cursor,
+                    // event: "node:click",
+                },
+            },
+            {
+                tagName: "image",
+                attrs: {
+                    class: "image",
+                    cursor: state.cursor,
+                    // event: "node:click",
+                },
+            },
+            {
+                tagName: "text",
+                attrs: {
+                    class: "name",
+                    cursor: state.cursor,
+                    // event: "node:click",
+                },
+            },
+        ],
+        attrs: {
+            ".body": {
+                refWidth: "100%",
+                refHeight: "100%",
+                fill: "#ffffff",
+            },
+            ".name": {
+                refX: "50%",
+                textAnchor: "middle",
+                fontSize: 14,
+                textWrap: {
+                    ellipsis: true,
+                    width: -10,
+                },
+            },
+        },
+    }, true);
+    // 自定义边
+    Graph.registerEdge("org-edge", {
+        // router: {
+        // 	name: "orth",
+        // },
+        attrs: {
+            line: {
+                stroke: "#000",
+                strokeWidth: 1,
+            },
+        },
+        connector: {
+            name: "rounded",
+            args: { radius: 10 },
+        },
+    }, true);
+    // 布局方向
+    const dir = "TB"; // LR RL TB BT
+    const debounceClick = debounce((node) => click(node), 200);
+    useLayoutEffect(() => {
+        var _a, _b;
+        // 创建画布
+        state.graph = new Graph({
+            container: document.getElementById("container"),
+            // interacting: false,
+            autoResize: true,
+            async: true,
+            frozen: true,
+            scroller: {
+                enabled: true,
+                pannable: true,
+                modifiers: "ctrl",
+                autoResize: true,
+                pageVisible: false,
+                pageBreak: false,
+            },
+            // panning: {
+            // 	enabled: true,
+            // 	modifiers: "ctrl",
+            // },
+        });
+        /** 点击 */
+        state.graph.on("node:click", ({ e, node, view }) => {
+            e.stopPropagation();
+            state.count += 1;
+            debounceClick(node);
+        });
+        /** 鼠标按下 */
+        // state.graph.on("cell:mousedown", ({ cell }: { cell: Cell }) => (state.cursor = "move"));
+        /** 鼠标抬起  */
+        // state.graph.on("node:mousemove", () => state.cursor = "po");
+        const root = createNode(context.root.id, context.root.name, context.root, context.root.type);
+        const nodes = (_a = context.root.relationships) === null || _a === void 0 ? void 0 : _a.map((r) => createNode(r.target.unit.id, r.target.unit.name, r, r.target.type));
+        const edges = (_b = context.root.relationships) === null || _b === void 0 ? void 0 : _b.map((r, index) => createEdge(root, nodes[index]));
+        state.graph.resetCells([root, ...(nodes || []), ...(edges || [])]);
+        layout();
+    }, [context.root]);
+    return observe(() => React.createElement("div", { id: "container", style: { width: context.width, height: "100%" } }));
+    async function click(node) {
+        var _a;
+        console.log(node.id, context.root.id, "node.id !=== context.root.id");
+        if (state.count === 2 && node.id !== context.root.id) {
+            const res = await store.load(node.id, { reload: true });
+            res.map((r) => {
+                const member = createNode(r.target.unit.id, r.target.unit.name, r, r.target.type);
+                state.graph.freeze();
+                state.graph.addCell([member, createEdge(node, member)]);
+                layout();
+            });
+        }
+        if (state.count === 1)
+            (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, node.id);
+        state.count = 0;
+    }
+    // }
+    // 自动布局
+    function layout() {
+        const nodes = state.graph.getNodes();
+        const edges = state.graph.getEdges();
+        const g = new dagre.graphlib.Graph();
+        g.setGraph({ rankdir: dir, nodesep: 16, ranksep: 16 });
+        g.setDefaultEdgeLabel(() => ({}));
+        const width = 280;
+        const height = 140;
+        nodes.forEach((node) => {
+            g.setNode(node.id, { width, height });
+        });
+        edges.forEach((edge) => {
+            const source = edge.getSource();
+            const target = edge.getTarget();
+            g.setEdge(source.cell, target.cell);
+        });
+        dagre.layout(g);
+        state.graph.freeze();
+        g.nodes().forEach((id) => {
+            const node = state.graph.getCell(id);
+            if (node) {
+                const pos = g.node(id);
+                /** 因node上不存在position，npm run build不成功，暂时注释，需要修复 */
+                // node.position(pos.x, pos.y);
+            }
+        });
+        edges.forEach((edge) => {
+            const source = edge.getSourceNode();
+            const target = edge.getTargetNode();
+            const sourceBBox = source.getBBox();
+            const targetBBox = target.getBBox();
+            if ((dir === "LR" || dir === "RL") && sourceBBox.y !== targetBBox.y) {
+                const gap = dir === "LR"
+                    ? targetBBox.x - sourceBBox.x - sourceBBox.width
+                    : -sourceBBox.x + targetBBox.x + targetBBox.width;
+                const fix = dir === "LR" ? sourceBBox.width : 0;
+                const x = sourceBBox.x + fix + gap / 2;
+                edge.setVertices([
+                    { x, y: sourceBBox.center.y },
+                    { x, y: targetBBox.center.y },
+                ]);
+            }
+            else if ((dir === "TB" || dir === "BT") && sourceBBox.x !== targetBBox.x) {
+                const gap = dir === "TB"
+                    ? targetBBox.y - sourceBBox.y - sourceBBox.height
+                    : -sourceBBox.y + targetBBox.y + targetBBox.height;
+                const fix = dir === "TB" ? sourceBBox.height : 0;
+                const y = sourceBBox.y + fix + gap / 2;
+                edge.setVertices([
+                    { x: sourceBBox.center.x, y },
+                    { x: targetBBox.center.x, y },
+                ]);
+            }
+            else {
+                edge.setVertices([]);
+            }
+        });
+        state.graph.unfreeze();
+        state.graph.zoomTo(0.85);
+        // state.graph.positionContent("top");
+    }
+    function createNode(id, name, data, type) {
+        const attrs = type === "People"
+            ? {
+                ".image": {
+                    width: 46,
+                    height: 46,
+                    refX: 37,
+                    refY: 5,
+                    xlinkHref: "/img/people.svg",
+                    textAnchor: "middle",
+                },
+                ".name": {
+                    refY: 55,
+                    text: name,
+                },
+            }
+            : {
+                ".body": {
+                    rx: 10,
+                    ry: 10,
+                    strokeWidth: 1,
+                    fill: "#ffffff",
+                    stroke: "#000",
+                },
+                ".name": {
+                    refY: "50%",
+                    textVerticalAnchor: "middle",
+                    text: name,
+                },
+            };
+        return state.graph.createNode({
+            shape: "org-node",
+            id: id,
+            data: data,
+            attrs: attrs,
+        });
+    }
+    function createEdge(source, target) {
+        let line = {};
+        /** 高管 使用蓝色实心箭头 */
+        if (target.data.type === "Officer")
+            line = { stroke: "#2d85dc" };
+        /** 亲人 (人——人) 使用黑色虚线无箭头 */
+        if (target.data.type === "Family")
+            line = { sourceMarker: null, targetMarker: null, strokeDasharray: 2 };
+        /**最终拥有者 (人 -> 企业) 使用黑色虚线箭头边 */
+        if (target.data.type === "UBO")
+            line = { strokeDasharray: 2 };
+        return state.graph.createEdge({
+            shape: "org-edge",
+            source: { cell: source.id },
+            target: { cell: target.id },
+            label: target.data.title,
+            attrs: {
+                line: line,
+            },
+        });
+    }
+};
+export default CorporateRelationshipChart;
+//# sourceMappingURL=index.js.map

package/es/modules/corporate/Relationship/components/CorporateRelationshipChart/index.js.map

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

package/es/modules/corporate/Relationship/components/CorporateRelationshipChart/state.d.ts

@@ -0,0 +1,11 @@
+import { Graph } from "@antv/x6";
+import { IUnitRelationship } from "src/data/relationship";
+export declare class State {
+    graph: Graph;
+    /** 单击：count = 1, 双击： count = 2 */
+    count: number;
+    /**  */
+    cursor: string;
+    /**  */
+    relationships: IUnitRelationship[];
+}

package/es/modules/corporate/Relationship/components/CorporateRelationshipChart/state.js

@@ -0,0 +1,46 @@
+import { __decorate } from "tslib";
+import { observable } from "mobx";
+export class State {
+    constructor() {
+        Object.defineProperty(this, "graph", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /** 单击：count = 1, 双击： count = 2 */
+        Object.defineProperty(this, "count", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 0
+        });
+        /**  */
+        Object.defineProperty(this, "cursor", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: "pointer"
+        });
+        /**  */
+        Object.defineProperty(this, "relationships", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+    }
+}
+__decorate([
+    observable
+], State.prototype, "graph", void 0);
+__decorate([
+    observable
+], State.prototype, "count", void 0);
+__decorate([
+    observable
+], State.prototype, "cursor", void 0);
+__decorate([
+    observable
+], State.prototype, "relationships", void 0);
+//# sourceMappingURL=state.js.map

package/es/modules/corporate/Relationship/components/CorporateRelationshipChart/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../../src/modules/corporate/Relationship/components/CorporateRelationshipChart/state.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAElC,MAAM,OAAO,KAAK;IAAlB;QACa;;;;;WAAoB;QAChC,kCAAkC;QACtB;;;;mBAAe,CAAC;WAAC;QAC7B,OAAO;QACK;;;;mBAAgB,SAAS;WAAC;QACtC,OAAO;QACK;;;;;WAA0C;IACvD,CAAC;CAAA;AAPY;IAAX,UAAU;oCAAqB;AAEpB;IAAX,UAAU;oCAAkB;AAEjB;IAAX,UAAU;qCAA2B;AAE1B;IAAX,UAAU;4CAA2C"}

package/es/modules/corporate/ShareOptionsRegister/ShareMovementsDataIcon/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import "./index.less";
+import { IVestingSchedule } from "src/data/shareOptionsRegister";
+declare const ShareMovementsDataIcon: (props: {
+    lines: IVestingSchedule[];
+}) => JSX.Element;
+export default ShareMovementsDataIcon;

package/es/modules/corporate/ShareOptionsRegister/ShareMovementsDataIcon/index.js

@@ -0,0 +1,26 @@
+import "./index.less";
+import { Popover, Table } from "@voplus/antd";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import React from "react";
+import { faTable } from "@fortawesome/pro-light-svg-icons";
+import moment from "moment";
+const columns = [
+    {
+        title: "Date",
+        dataIndex: "shareholder",
+        render: (date, record) => moment(date).format("DD MMM YYYY"),
+    },
+    {
+        title: "Options",
+        dataIndex: "options",
+    },
+];
+const ShareMovementsDataIcon = (props) => {
+    const { lines } = props;
+    const content = React.createElement(Table, { columns: columns, rowKey: "id", dataSource: lines, pagination: false });
+    return (React.createElement(Popover, { placement: "topLeft", title: "ShareOption Schedule", content: content, overlayClassName: "share-movements-data-popover" },
+        React.createElement("span", null,
+            React.createElement(FAIcon, { icon: faTable, className: "share-movements-data-icon" }))));
+};
+export default ShareMovementsDataIcon;
+//# sourceMappingURL=index.js.map

package/es/modules/corporate/ShareOptionsRegister/ShareMovementsDataIcon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/corporate/ShareOptionsRegister/ShareMovementsDataIcon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAU,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAEtD,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAE3E,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAC3D,OAAO,MAAM,MAAM,QAAQ,CAAC;AAE5B,MAAM,OAAO,GAAG;IACf;QACC,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,aAAa;QACxB,MAAM,EAAE,CAAC,IAAS,EAAE,MAAwB,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC;KACnF;IACD;QACC,KAAK,EAAE,SAAS;QAChB,SAAS,EAAE,SAAS;KACpB;CACD,CAAC;AACF,MAAM,sBAAsB,GAAG,CAAC,KAAoC,EAAE,EAAE;IACvE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAExB,MAAM,OAAO,GAAG,oBAAC,KAAK,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAC,IAAI,EAAC,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,GAAI,CAAC;IAC9F,OAAO,CACN,oBAAC,OAAO,IACP,SAAS,EAAC,SAAS,EACnB,KAAK,EAAC,sBAAsB,EAC5B,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAC,8BAA8B;QAE/C;YACC,oBAAC,MAAM,IAAC,IAAI,EAAE,OAAO,EAAE,SAAS,EAAC,2BAA2B,GAAG,CACzD,CACE,CACV,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/es/modules/corporate/ShareOptionsRegister/ShareMovementsDataIcon/index.less

@@ -0,0 +1,11 @@
+:global {
+	.share-movements-data-popover {
+		.ant-table-thead > tr > th,
+		.ant-table-tbody > tr > td {
+			padding: 10px 15px;
+		}
+	}
+	.share-movements-data-icon {
+		cursor: pointer;
+	}
+}

package/es/modules/corporate/ShareOptionsRegister/ShareOptionDefaultView/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./index.less";
+declare const ShareOptionDefaultView: () => JSX.Element;
+export default ShareOptionDefaultView;

package/es/modules/corporate/ShareOptionsRegister/ShareOptionDefaultView/index.js

@@ -0,0 +1,78 @@
+import "./index.less";
+import { Archive, Reload, Sidebar, Versions, } from "@voplus/morpho-document/es/controls/ToolBar/buttons";
+import { AsideContent, InlineEdit } from "@voplus/morpho-ui";
+import React, { useEffect, useState } from "react";
+import { useRouteMatch } from "react-router";
+import { useShareOptionStore } from "../../../../data/shareOptionsRegister";
+import DateInputEditor from "@voplus/morpho-ui/es/controls/InlineEdit/editors/DateInputEditor";
+import DescriptionEditor from "@voplus/morpho-document/es/controls/DescriptionEditor";
+import DocumentHeader from "@voplus/morpho-document/es/components/DocumentHeader";
+import DocumentTabs from "@voplus/morpho-document/es/components/DocumentTabs";
+import ShareOptionItems from "../ShareOptionItems";
+import { Skeleton } from "@voplus/antd";
+import ToolBar from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
+import moment from "moment";
+import { observe } from "@voplus/morpho-ui";
+import { useTabItem } from "@voplus/morpho-data";
+const ShareOptionDefaultView = () => {
+    const match = useRouteMatch();
+    const id = match.params.id;
+    const [reload, setReload] = useState(true);
+    // const shareOption = useShareOption(id, { reload, includes: "tags" });
+    const shareOption = {
+        id: "e1c06629-f110-4016-b206-ac7700311c7b",
+        date: "2021-03-11",
+        class: "Allotment",
+        schedule: [{ date: "2021-03-11", options: 5000 }],
+        loading: false,
+    };
+    const shareStore = useShareOptionStore();
+    const tab = useTabItem();
+    const [asideContext] = useState(AsideContent.createContext());
+    useEffect(() => {
+        asideContext.openAside(AsideElement, { span: 11 });
+    }, []);
+    const AsideElement = (React.createElement("div", { className: "csp-default-view_aside" },
+        React.createElement(DocumentTabs, { id: id })));
+    useEffect(() => {
+        tab.title = (shareOption === null || shareOption === void 0 ? void 0 : shareOption.name) || "";
+    }, [shareOption === null || shareOption === void 0 ? void 0 : shareOption.name]);
+    return observe(() => (React.createElement(AsideContent, { context: asideContext },
+        React.createElement("div", { className: "share-option-default-view" },
+            shareOption.loading ? (React.createElement("div", { style: { padding: "0 20px" } },
+                React.createElement(Skeleton, { active: true }))) : (React.createElement(DocumentHeader, { id: id, size: "h3", tools: React.createElement(React.Fragment, null,
+                    React.createElement(ToolBar, { id: id },
+                        React.createElement(Reload, { action: onReLoad }),
+                        React.createElement(Sidebar, { action: () => asideContext.asideContent
+                                ? asideContext.closeAside()
+                                : asideContext.openAside(AsideElement, { span: 12 }) }),
+                        React.createElement(Archive, null),
+                        React.createElement(Versions, null))) })),
+            shareOption.loading ? (React.createElement("div", { style: { padding: "0 20px" } },
+                React.createElement(Skeleton, { active: true }))) : (React.createElement("div", { className: "share-option-item-info" },
+                React.createElement("div", null,
+                    React.createElement("div", { className: "bold" }, "Date"),
+                    React.createElement(InlineEdit, { editor: DateInputEditor, editable: !shareOption.readonly, defaultValue: moment(shareOption.date), content: (v) => (React.createElement(React.Fragment, null, v.store.value ? moment(v.store.value).format("DD MMM YYYY") : "Add DateTime")), onSave: (v) => v
+                            ? shareStore.edit(id, {
+                                data: {
+                                    Date: v.format("DD MMM YYYY"),
+                                },
+                                error: "message",
+                            })
+                            : null })),
+                React.createElement("div", null,
+                    React.createElement("div", { className: "bold" }, "TransactionType"),
+                    React.createElement("span", { className: "transaction-type" }, shareOption.class)))),
+            shareOption.loading ? (React.createElement("div", { style: { padding: "0 20px" } },
+                React.createElement(Skeleton, { active: true }))) : (React.createElement(ShareOptionItems, { data: shareOption })),
+            shareOption.loading ? (React.createElement("div", { style: { padding: "0 20px" } },
+                React.createElement(Skeleton, { active: true }))) : (React.createElement(DescriptionEditor, { id: id, description: shareOption.description, readonly: shareOption.readonly, padding: "0.75rem 0" }))))));
+    function onReLoad() {
+        setReload(false);
+        setTimeout(() => {
+            setReload(true);
+        }, 100);
+    }
+};
+export default ShareOptionDefaultView;
+//# sourceMappingURL=index.js.map

package/es/modules/corporate/ShareOptionsRegister/ShareOptionDefaultView/index.js.map

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

package/es/modules/corporate/ShareOptionsRegister/ShareOptionDefaultView/index.less

@@ -0,0 +1,89 @@
+@import "../../../../style/common.less";
+:global {
+	.share-option-default-view {
+		// padding: 10px 0;
+		.ant-table {
+			margin: 0 20px;
+		}
+		.share-option-item-info {
+			display: flex;
+			padding: 0 15px 10px 15px;
+			> div {
+				flex: 1;
+				color: #000;
+				padding: 0 10px;
+			}
+			.bold {
+				font-weight: 500;
+				font-size: 15px;
+				padding-bottom: 10px;
+			}
+			.morpho-inline-edit {
+				display: inline-block;
+
+				.svg-inline--fa {
+					margin-right: 5px;
+				}
+			}
+			.ant-select {
+				width: 130px !important;
+			}
+		}
+		.ant-table {
+			.ant-table-container {
+				overflow-x: auto;
+			}
+			.ant-input-number {
+				width: 100%;
+			}
+			.ant-table-thead > tr > th {
+				padding: 10px;
+			}
+			.ant-table-tbody > tr > td {
+				padding: 5px 10px;
+				min-width: 120px;
+				height: 54px;
+				&.column-dnd {
+					min-width: 40px;
+					text-align: center;
+				}
+			}
+			.editable-cell-wrap {
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+				> div {
+					flex: 1;
+				}
+				.ant-empty {
+					width: 100%;
+				}
+			}
+			.ant-table-footer {
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+				padding: 10px 0;
+				.operate {
+					flex: 1;
+					.cancel {
+						color: #666;
+					}
+				}
+				.total {
+					display: inline-block;
+					min-width: calc((100% - 40px) / 5);
+					padding-left: 10px;
+					span {
+						margin-left: 5px;
+						font-size: 15px;
+						font-weight: 500;
+					}
+					& + .total {
+						margin-left: calc((100% - 40px) / 5);
+					}
+				}
+			}
+		}
+	}
+}

package/es/modules/corporate/ShareOptionsRegister/ShareOptionItem/index.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import "./index.less";
+declare const ShareOptionItem: (props: {
+    /** id of item of the shareOption*/
+    id: string;
+    /** 拖拽源 */
+    connectDragSource?: any;
+    /** 是否有AsideContent侧边栏  */
+    sidebar?: boolean;
+    className?: string;
+}) => JSX.Element;
+export default ShareOptionItem;

package/es/modules/corporate/ShareOptionsRegister/ShareOptionItem/index.js

@@ -0,0 +1,59 @@
+import "./index.less";
+import { useShareOptionStore, } from "../../../../data/shareOptionsRegister";
+import { InlineEdit, useAsideContentContext } from "@voplus/morpho-ui";
+import React, { useLayoutEffect, useState } from "react";
+import DateInputEditor from "@voplus/morpho-ui/es/controls/InlineEdit/editors/DateInputEditor";
+import DocumentHeader from "@voplus/morpho-document/es/components/DocumentHeader";
+import { Open } from "@voplus/morpho-document/es/controls/ToolBar/buttons";
+import ShareMovementsDataIcon from "../ShareMovementsDataIcon";
+import ToolBar from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
+import classnames from "classnames";
+import moment from "moment";
+import { observe } from "@voplus/morpho-ui";
+const ShareOptionItem = (props) => {
+    const { id, sidebar, className } = props;
+    // const shareOption = useShareOption(id, {
+    // 	reload: (i: IDocument & { transactionType: ShareOptionType }) => !i.tags || !i.transactionType,
+    // 	includes: "tags",
+    // });
+    const shareOption = {
+        id: "e1c06629-f110-4016-b206-ac7700311c7b",
+        date: "2021-03-11",
+        class: "Allotment",
+        schedule: [{ date: "2021-03-11", options: 5000 }],
+    };
+    const [hover, setHover] = useState(false);
+    const shareStore = useShareOptionStore();
+    const asideContext = useAsideContentContext();
+    /** 设置New ShareTransaction Form 宽度*/
+    useLayoutEffect(() => {
+        /** 需要打开AsideContent的时候才设置 */
+        if (sidebar) {
+            const ref = document.getElementsByClassName("create-shareOption-form")[0];
+            const listRef = document.getElementsByClassName("list-view-main")[0];
+            if (ref) {
+                if (listRef)
+                    listRef.style.paddingBottom = "42px";
+                if (asideContext === null || asideContext === void 0 ? void 0 : asideContext.asideContent)
+                    ref.style.width = "50%";
+            }
+            else {
+                listRef.style = {};
+            }
+        }
+    });
+    return observe(() => (React.createElement(DocumentHeader, { id: id, preVisible: false, flagVisible: false, itemHover: true, onMouse: (over) => setHover(over), className: classnames("share-option-item", className, { hover }, { sidebar }), quickDataBar: React.createElement("div", { className: "share-option-item-info" },
+            React.createElement(InlineEdit, { editor: DateInputEditor, editable: !shareOption.readonly, defaultValue: shareOption.date ? moment(shareOption.date) : undefined, content: (v) => (React.createElement("span", { className: "transaction-date" }, v.store.value ? moment(v.store.value).format("DD MMM YYYY") : "Add DateTime")), onSave: (v) => v
+                    ? shareStore.edit(id, {
+                        data: {
+                            Date: v.format("DD MMM YYYY"),
+                        },
+                        error: "message",
+                    })
+                    : null }),
+            React.createElement("span", { className: "transaction-type" }, shareOption.class),
+            !!(shareOption.schedule && shareOption.schedule.length) && (React.createElement(ShareMovementsDataIcon, { lines: shareOption.schedule }))), toolsVisible: !sidebar, tools: React.createElement(ToolBar, { id: id, moreProps: { buttonProps: { size: "middle" } } },
+            React.createElement(Open, { size: "middle", url: `/shareOptions/${id}` })) })));
+};
+export default ShareOptionItem;
+//# sourceMappingURL=index.js.map

package/es/modules/corporate/ShareOptionsRegister/ShareOptionItem/index.js.map

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