@voplus/morpho-document 1.4.95 → 1.4.97

package/es/components/WordFields/index.js

@@ -1,62 +1,62 @@
-import { Button, Dropdown, Form, Menu } from "@voplus/antd";
-import { InlineEdit, observe } from "@voplus/morpho-ui";
-import React, { useEffect, useState } from "react";
-import { useDocument, useFileStore } from "@voplus/morpho-document-core";
-import { DownOutlined } from "@ant-design/icons";
-import { Scrollbars } from "react-custom-scrollbars";
-import { State } from "./state";
-import classnames from "classnames";
-import { runInAction } from "mobx";
-import { saveAs } from "file-saver";
-import styles from "./index.less";
-import { useWordFill } from "../WordFillView/WordFillContext";
-const WordFields = (props) => {
-    const store = useFileStore();
-    const document = useDocument(props.id);
-    const [state] = useState(new State());
-    const [form] = Form.useForm();
-    const wordFills = useWordFill();
-    useEffect(() => {
-        store.getReportFields(props.id).then((result) => runInAction(() => state.update(result)));
-    }, [props.id]);
-    return observe(() => (React.createElement("div", { className: classnames(styles["word-field-properties"], "properties-list") },
-        React.createElement("h2", null, "Word Template"),
-        React.createElement(Scrollbars, { autoHide: true },
-            React.createElement(Form, { form: form, labelAlign: "left", labelCol: { span: 11 }, scrollToFirstError: true }, state.wordFieldList.map((item) => (React.createElement(Form.Item, { label: item.Name, wrapperCol: { span: 12 }, key: item.Name },
-                React.createElement(InlineEdit, { defaultValue: item.Value, content: (v) => (React.createElement("div", null, item.Value ? (React.createElement("span", null, item.Value)) : (React.createElement("span", { style: { color: "#00000040" } }, "Add Value")))), onSave: (value) => runInAction(() => (item.Value = value)) })))))),
-        React.createElement("div", { className: "actionButton" },
-            React.createElement(Button, { type: "primary", style: { marginRight: "10px" }, onClick: Reload }, "Refresh Preview"),
-            React.createElement(Dropdown.Button, { onClick: handleButtonClick, icon: React.createElement(DownOutlined, null), overlay: React.createElement(Menu, { onClick: handleMenuClick },
-                    React.createElement(Menu.Item, { key: "pdf" }, "Download[PDF]")) }, "Download")))));
-    function handleButtonClick() {
-        store.fillDownload(props.id, { data: state.wordFieldList }).then((blob) => {
-            if (blob) {
-                const url = URL.createObjectURL(blob);
-                if (url) {
-                    saveAs(url, document.name);
-                }
-            }
-        });
-    }
-    function handleMenuClick() {
-        store.fillDownload(props.id, { data: state.wordFieldList }, true).then((blob) => {
-            if (blob) {
-                const url = URL.createObjectURL(blob);
-                const pdfname = document.name.replace(".docx", ".pdf");
-                if (url) {
-                    saveAs(url, pdfname);
-                }
-            }
-        });
-    }
-    function Reload() {
-        wordFills.IsPdf = true;
-        wordFills.WordFieldList = state.wordFieldList;
-        wordFills.Loaded = false;
-        setTimeout(() => {
-            wordFills.Loaded = true;
-        }, 100);
-    }
-};
-export default WordFields;
+import { Button, Dropdown, Form, Menu } from "@voplus/antd";
+import { InlineEdit, observe } from "@voplus/morpho-ui";
+import React, { useEffect, useState } from "react";
+import { useDocument, useFileStore } from "@voplus/morpho-document-core";
+import { DownOutlined } from "@ant-design/icons";
+import { Scrollbars } from "react-custom-scrollbars";
+import { State } from "./state";
+import classnames from "classnames";
+import { runInAction } from "mobx";
+import { saveAs } from "file-saver";
+import styles from "./index.less";
+import { useWordFill } from "../WordFillView/WordFillContext";
+const WordFields = (props) => {
+    const store = useFileStore();
+    const document = useDocument(props.id);
+    const [state] = useState(new State());
+    const [form] = Form.useForm();
+    const wordFills = useWordFill();
+    useEffect(() => {
+        store.getReportFields(props.id).then((result) => runInAction(() => state.update(result)));
+    }, [props.id]);
+    return observe(() => (React.createElement("div", { className: classnames(styles["word-field-properties"], "properties-list") },
+        React.createElement("h2", null, "Word Template"),
+        React.createElement(Scrollbars, { autoHide: true },
+            React.createElement(Form, { form: form, labelAlign: "left", labelCol: { span: 11 }, scrollToFirstError: true }, state.wordFieldList.map((item) => (React.createElement(Form.Item, { label: item.Name, wrapperCol: { span: 12 }, key: item.Name },
+                React.createElement(InlineEdit, { defaultValue: item.Value, content: (v) => (React.createElement("div", null, item.Value ? (React.createElement("span", null, item.Value)) : (React.createElement("span", { style: { color: "#00000040" } }, "Add Value")))), onSave: (value) => runInAction(() => (item.Value = value)) })))))),
+        React.createElement("div", { className: "actionButton" },
+            React.createElement(Button, { type: "primary", style: { marginRight: "10px" }, onClick: Reload }, "Refresh Preview"),
+            React.createElement(Dropdown.Button, { onClick: handleButtonClick, icon: React.createElement(DownOutlined, null), overlay: React.createElement(Menu, { onClick: handleMenuClick },
+                    React.createElement(Menu.Item, { key: "pdf" }, "Download[PDF]")) }, "Download")))));
+    function handleButtonClick() {
+        store.fillDownload(props.id, { data: state.wordFieldList }).then((blob) => {
+            if (blob) {
+                const url = URL.createObjectURL(blob);
+                if (url) {
+                    saveAs(url, document.name);
+                }
+            }
+        });
+    }
+    function handleMenuClick() {
+        store.fillDownload(props.id, { data: state.wordFieldList }, true).then((blob) => {
+            if (blob) {
+                const url = URL.createObjectURL(blob);
+                const pdfname = document.name.replace(".docx", ".pdf");
+                if (url) {
+                    saveAs(url, pdfname);
+                }
+            }
+        });
+    }
+    function Reload() {
+        wordFills.IsPdf = true;
+        wordFills.WordFieldList = state.wordFieldList;
+        wordFills.Loaded = false;
+        setTimeout(() => {
+            wordFills.Loaded = true;
+        }, 100);
+    }
+};
+export default WordFields;
 //# sourceMappingURL=index.js.map

package/es/components/WordFields/index.less

@@ -0,0 +1,10 @@
+.word-field-properties {
+
+    :global {
+        .actionButton {
+            display: flex;
+            justify-content: flex-end;
+            margin-bottom: 15px;
+        }
+    }
+}

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

@@ -1,9 +1,9 @@
-export declare class State {
-    isPdf: boolean;
-    wordFieldList: {
-        Name?: string;
-        Value?: string;
-    }[];
-    constructor();
-    update(keyNames: string[]): void;
-}
+export declare class State {
+    isPdf: boolean;
+    wordFieldList: {
+        Name?: string;
+        Value?: string;
+    }[];
+    constructor();
+    update(keyNames: string[]): void;
+}

package/es/components/WordFields/state.js

@@ -1,32 +1,32 @@
-import { __decorate } from "tslib";
-import { action, makeObservable, observable } from "mobx";
-export class State {
-    constructor() {
-        Object.defineProperty(this, "isPdf", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "wordFieldList", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: []
-        });
-        makeObservable(this);
-    }
-    update(keyNames) {
-        (keyNames === null || keyNames === void 0 ? void 0 : keyNames.length) && keyNames.map((item) => this.wordFieldList.push({ Name: item }));
-    }
-}
-__decorate([
-    observable
-], State.prototype, "isPdf", void 0);
-__decorate([
-    observable
-], State.prototype, "wordFieldList", void 0);
-__decorate([
-    action
-], State.prototype, "update", null);
+import { __decorate } from "tslib";
+import { action, makeObservable, observable } from "mobx";
+export class State {
+    constructor() {
+        Object.defineProperty(this, "isPdf", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "wordFieldList", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        makeObservable(this);
+    }
+    update(keyNames) {
+        (keyNames === null || keyNames === void 0 ? void 0 : keyNames.length) && keyNames.map((item) => this.wordFieldList.push({ Name: item }));
+    }
+}
+__decorate([
+    observable
+], State.prototype, "isPdf", void 0);
+__decorate([
+    observable
+], State.prototype, "wordFieldList", void 0);
+__decorate([
+    action
+], State.prototype, "update", null);
 //# sourceMappingURL=state.js.map

package/es/components/WordFillView/WordFillContext.d.ts

@@ -1,12 +1,12 @@
-/// <reference types="react" />
-export declare class WordFillContextState {
-    WordFieldList?: {
-        Name?: string;
-        Value?: string;
-    }[];
-    IsPdf?: boolean;
-    Loaded: boolean;
-    constructor();
-}
-export declare const WordFillContext: import("react").Context<WordFillContextState>;
-export declare const useWordFill: () => WordFillContextState;
+/// <reference types="react" />
+export declare class WordFillContextState {
+    WordFieldList?: {
+        Name?: string;
+        Value?: string;
+    }[];
+    IsPdf?: boolean;
+    Loaded: boolean;
+    constructor();
+}
+export declare const WordFillContext: import("react").Context<WordFillContextState>;
+export declare const useWordFill: () => WordFillContextState;

package/es/components/WordFillView/WordFillContext.js

@@ -1,38 +1,38 @@
-import { __decorate } from "tslib";
-import { createContext, useContext } from "react";
-import { makeObservable, observable } from "mobx";
-export class WordFillContextState {
-    constructor() {
-        Object.defineProperty(this, "WordFieldList", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: []
-        });
-        Object.defineProperty(this, "IsPdf", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: true
-        });
-        Object.defineProperty(this, "Loaded", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: true
-        });
-        makeObservable(this);
-    }
-}
-__decorate([
-    observable
-], WordFillContextState.prototype, "WordFieldList", void 0);
-__decorate([
-    observable
-], WordFillContextState.prototype, "IsPdf", void 0);
-__decorate([
-    observable
-], WordFillContextState.prototype, "Loaded", void 0);
-export const WordFillContext = createContext(null);
-export const useWordFill = () => useContext(WordFillContext);
+import { __decorate } from "tslib";
+import { createContext, useContext } from "react";
+import { makeObservable, observable } from "mobx";
+export class WordFillContextState {
+    constructor() {
+        Object.defineProperty(this, "WordFieldList", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        Object.defineProperty(this, "IsPdf", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: true
+        });
+        Object.defineProperty(this, "Loaded", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: true
+        });
+        makeObservable(this);
+    }
+}
+__decorate([
+    observable
+], WordFillContextState.prototype, "WordFieldList", void 0);
+__decorate([
+    observable
+], WordFillContextState.prototype, "IsPdf", void 0);
+__decorate([
+    observable
+], WordFillContextState.prototype, "Loaded", void 0);
+export const WordFillContext = createContext(null);
+export const useWordFill = () => useContext(WordFillContext);
 //# sourceMappingURL=WordFillContext.js.map

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-declare const WordFillView: (props: {
-    id?: string;
-}) => JSX.Element;
-export default WordFillView;
+/// <reference types="react" />
+declare const WordFillView: (props: {
+    id?: string;
+}) => JSX.Element;
+export default WordFillView;

package/es/components/WordFillView/index.js

@@ -1,21 +1,21 @@
-import React, { useState } from "react";
-import { TabItemContext, TabItemStore } from "@voplus/morpho-data";
-import { observe } from "@voplus/morpho-ui";
-import { WordFillContext, WordFillContextState } from "./WordFillContext";
-import MainContent from "@voplus/morpho-ui/es/components/layout/MainContent";
-import styles from "./index.less";
-import WordFields from "../WordFields";
-import WordFieldViewer from "../WordFieldViewer";
-const WordFillView = (props) => {
-    const store = new TabItemStore({ url: "" });
-    const [context] = useState(() => new WordFillContextState());
-    return observe(() => (React.createElement(TabItemContext.Provider, { value: store },
-        React.createElement(MainContent, { className: styles["word-fill-view"] },
-            React.createElement(WordFillContext.Provider, { value: context },
-                React.createElement(MainContent.Nav, { collapsible: true },
-                    React.createElement(WordFields, { id: props.id })),
-                React.createElement("div", { className: "word-fill-context" },
-                    React.createElement(WordFieldViewer, { id: props.id })))))));
-};
-export default WordFillView;
+import React, { useState } from "react";
+import { TabItemContext, TabItemStore } from "@voplus/morpho-data";
+import { observe } from "@voplus/morpho-ui";
+import { WordFillContext, WordFillContextState } from "./WordFillContext";
+import MainContent from "@voplus/morpho-ui/es/components/layout/MainContent";
+import styles from "./index.less";
+import WordFields from "../WordFields";
+import WordFieldViewer from "../WordFieldViewer";
+const WordFillView = (props) => {
+    const store = new TabItemStore({ url: "" });
+    const [context] = useState(() => new WordFillContextState());
+    return observe(() => (React.createElement(TabItemContext.Provider, { value: store },
+        React.createElement(MainContent, { className: styles["word-fill-view"] },
+            React.createElement(WordFillContext.Provider, { value: context },
+                React.createElement(MainContent.Nav, { collapsible: true },
+                    React.createElement(WordFields, { id: props.id })),
+                React.createElement("div", { className: "word-fill-context" },
+                    React.createElement(WordFieldViewer, { id: props.id })))))));
+};
+export default WordFillView;
 //# sourceMappingURL=index.js.map

package/es/components/WordFillView/index.less

@@ -0,0 +1,14 @@
+.word-fill-view {
+    :global {
+        .main-content-nav {
+            width: 370px;
+            padding: 0;
+        }
+
+        .word-fill-context {
+            display: flex;
+            background: #ffffff;
+            padding: 0px;
+        }
+    }
+}

package/es/components/styles/ScrollBar.less

@@ -0,0 +1,30 @@
+.members-list {
+	overflow-x: auto;
+	// height: 50%;
+	// height: 600px;
+	scrollbar-color: transparent transparent;
+	-ms-overflow-style: none;
+}
+.members-list::-webkit-scrollbar {
+	width: 8px;
+}
+.members-list:hover {
+	scrollbar-color: auto;
+	-ms-overflow-style: -ms-autohiding-scrollbar;
+	scrollbar-shadow-color: rgba(0, 0, 0, 0.5);
+}
+.members-list:hover::-webkit-scrollbar {
+	width: 8px;
+	background-color: #f5f5f5;
+}
+.members-list:hover::-webkit-scrollbar-track {
+	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0);
+	border-radius: 10px;
+	background-color: #f5f5f5;
+}
+.members-list:hover::-webkit-scrollbar-thumb {
+	border-radius: 10px;
+	padding-bottom: 4px;
+	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0);
+	background-color: rgba(0, 0, 0, 0.5);
+}

package/es/components/styles/common.less

@@ -0,0 +1,186 @@
+@import "~@voplus/antd/es/style/themes/default.less";
+:global {
+	.module-header-title {
+		position: relative;
+		padding: 10px 0;
+		font-size: 15px;
+		line-height: 15px;
+		color: @primary-color;
+	}
+	.module-header-title:before {
+		position: absolute;
+		content: "";
+		left: 0;
+		bottom: 0;
+		width: 100%;
+		border-bottom: 1px solid @primary-color;
+	}
+	.module-detail-view,
+	.module-tab-view {
+		display: flex;
+		flex-direction: column;
+		height: 100%;
+		.ant-tabs {
+			display: flex;
+			flex-direction: column;
+			height: 100%;
+			.ant-tabs-content {
+				height: 100%;
+				padding-bottom: 0px !important;
+				.ant-tabs-tabpane {
+					position: relative;
+					height: 100%;
+				}
+			}
+			.ant-tabs-bar {
+				margin: 0 20px;
+			}
+			.ant-tabs-nav{
+				margin: 0;
+			}
+			.module-box {
+				height: 100%;
+				padding: 10px 20px;
+				box-sizing: border-box;
+				overflow-x: hidden;
+			}
+		}
+	}
+	.module-detail-view {
+		.module-view-header {
+			padding: 10px 20px;
+			// background: #fff;
+			// color: #666;
+			// line-height: 20px;
+		}
+	}
+	.module-tab-view {
+		background: #f2f2f2;
+		.module-tab-view_content,
+		.module-tab-view_aside {
+			flex: 1;
+			background: #fff;
+			overflow-x: hidden;
+		}
+		.module-tab-view_content {
+			padding: 15px 20px;
+		}
+		.module-tab-view_aside {
+			display: flex;
+			flex-direction: column;
+			height: 100%;
+		}
+	}
+	.padding-vertical-10 {
+		padding: 10px 0;
+	}
+	.padding-horizontal-5 {
+		padding: 0 5px;
+	}
+	.padding-top-5 {
+		padding-top: 5px;
+	}
+	.padding-top-10 {
+		padding-top: 10px;
+	}
+	.padding-left-10 {
+		padding-left: 10px;
+	}
+	.padding-left-20 {
+		padding-left: 20px;
+	}
+	.padding-left-30 {
+		padding-left: 30px;
+	}
+	.padding-right-10 {
+		padding-right: 10px;
+	}
+	.padding-right-20 {
+		padding-right: 20px;
+	}
+	.padding-bottom-5 {
+		padding-bottom: 5px;
+	}
+	.padding-bottom-15 {
+		padding-bottom: 15px;
+	}
+	.padding-bottom-20 {
+		padding-bottom: 20px;
+	}
+	.margin-left-5 {
+		margin-left: 5px;
+	}
+	.margin-right-5 {
+		margin-right: 5px;
+	}
+	.margin-left-10 {
+		margin-left: 10px;
+	}
+	.margin-left-15 {
+		margin-left: 15px;
+	}
+	.margin-left-30 {
+		margin-left: 30px;
+	}
+	.margin-right-10 {
+		margin-right: 10px;
+	}
+	.margin-right-15 {
+		margin-right: 15px;
+	}
+	.margin-right-20 {
+		margin-right: 20px;
+	}
+	.margin-right-30 {
+		margin-right: 30px;
+	}
+	.margin-top-5 {
+		margin-top: 5px;
+	}
+	.margin-top-10 {
+		margin-top: 10px;
+	}
+	.margin-bottom-5 {
+		margin-bottom: 5px;
+	}
+	.margin-bottom-10 {
+		margin-bottom: 10px;
+	}
+	.margin-bottom-15 {
+		margin-bottom: 15px;
+	}
+	.margin-bottom-20 {
+		margin-bottom: 20px;
+	}
+	.margin-bottom-25 {
+		margin-bottom: 25px;
+	}
+}
+
+.tool-bar-icon {
+	display: inline-block;
+	width: 22px;
+	height: 22px;
+	line-height: 22px;
+	border: 1px solid @border-color-base;
+	border-radius: 50%;
+	color: #666;
+	text-align: center;
+	cursor: pointer;
+}
+// .not-assigned,
+// .not-assigned:hover {
+// 	background: #e6ad51;
+// }
+// .not-started,
+// .not-started:hover {
+// 	background: #ff5c86;
+// }
+// .in-progress,
+// .in-progress:hover {
+// 	background: #4bd8e0;
+// }
+// .done,
+// .done:hover {
+// 	background: #a8a8a8;
+// }

package/es/components/styles/index.less

@@ -0,0 +1,13 @@
+@import "~@voplus/antd/lib/style/themes/default.less";
+
+.themed {
+	:global {
+		.ant-btn-primary {
+			background-color: @success-color;
+		}
+	}
+}
+
+.app {
+	color: @primary-color;
+}

package/es/controls/ChildDocumentSelect/Item.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-declare const Item: (props: {
-    /** document id */
-    id: string;
-    /** 是否选中 */
-    active?: boolean | undefined;
-    onClick?: ((id: string) => void) | undefined;
-}) => JSX.Element;
-export default Item;
+/// <reference types="react" />
+declare const Item: (props: {
+    /** document id */
+    id: string;
+    /** 是否选中 */
+    active?: boolean | undefined;
+    onClick?: ((id: string) => void) | undefined;
+}) => JSX.Element;
+export default Item;

package/es/controls/ChildDocumentSelect/Item.js

@@ -1,15 +1,15 @@
-import React from "react";
-import classnames from "classnames";
-import { observe } from "@voplus/morpho-ui";
-import { useDocument } from "@voplus/morpho-document-core";
-import { useMetaStore } from "../../data";
-const Item = (props) => {
-    const { id, active } = props;
-    const meta = useMetaStore();
-    const doc = useDocument(id, { reload: false });
-    return observe(() => (React.createElement("div", { className: classnames("doc-item", { active: active }), onClick: () => { var _a; return (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, doc.id); } },
-        meta.getIcon(doc),
-        doc.name)));
-};
-export default Item;
+import React from "react";
+import classnames from "classnames";
+import { observe } from "@voplus/morpho-ui";
+import { useDocument } from "@voplus/morpho-document-core";
+import { useMetaStore } from "../../data";
+const Item = (props) => {
+    const { id, active } = props;
+    const meta = useMetaStore();
+    const doc = useDocument(id, { reload: false });
+    return observe(() => (React.createElement("div", { className: classnames("doc-item", { active: active }), onClick: () => { var _a; return (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, doc.id); } },
+        meta.getIcon(doc),
+        doc.name)));
+};
+export default Item;
 //# sourceMappingURL=Item.js.map