@voplus/morpho-document 1.0.0-dev277 → 1.0.0-dev279

package/es/pages/Page/PageItems/index.js

@@ -0,0 +1,53 @@
+import "./index.less";
+import { Card, useRenderOnChange } from "@voplus/morpho-ui";
+import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
+import React, { useState } from "react";
+import { useAutoUpdateListData, useDocumentListEffect, useDocumentStore } from "@voplus/morpho-document-core";
+import ListView from "@voplus/morpho-ui/es/components/layout/ListView/ListView2";
+import { Menu } from "@voplus/antd";
+import NewDocumentForm from "../../../components/NewDocumentForm";
+import PageItem from "../PageItem";
+import PlusDropDown from "../PlusDropDown";
+import { State } from "./state";
+import classnames from "classnames";
+import { useMetaStore } from "../../../data/DocumentMetaStore";
+import { useObserver } from "mobx-react-lite";
+const PageItems = (props) => {
+    const { id, readonly } = props;
+    const meta = useMetaStore();
+    const [state] = useState(new State());
+    const documentStore = useDocumentStore();
+    const data = useCreateListDataState({
+        filterDefaults: {
+            includes: "tags",
+            filters: [{ c: "ParentNodeId", o: "=", l: "And", v1: id }]
+        }
+    }, [id]);
+    useRenderOnChange(() => data.filters.options);
+    useDocumentListEffect(data, result => data.union(result), data.filters.options);
+    /** useOnNewDocument, useOnDeleteDocument的sugar syntax 自動更新list. */
+    useAutoUpdateListData(data, d => d.type === "Text" && d.parentId === id);
+    return useObserver(() => (React.createElement(ListDataContext.Provider, { value: data },
+        React.createElement(ListView, { className: "page-items-view", headerProps: {
+                header: React.createElement("span", null),
+                sortable: false,
+                addAble: false
+            }, renderItem: ({ item, index, connectDragSource }) => (React.createElement(Card, { className: classnames("page-item-card", { "page-item-card_zero": index === 0 }) },
+                React.createElement(PageItem, { id: item.id, connectDragSource: connectDragSource }))), moveAfter: moveAfter }),
+        React.createElement(NewDocumentForm, { parentId: id, type: state.type, className: classnames("new-page-item-form", { show: state.addAble }), onCancel: () => (state.addAble = false) }),
+        React.createElement(PlusDropDown, { className: classnames("plus-icon-position", { hide: state.addAble || !!readonly }), menu: React.createElement(Menu, { onClick: selectType },
+                React.createElement(Menu.Item, { key: "Text", style: { fontSize: "15px" } },
+                    meta.getIcon({ type: "Text" }),
+                    " Text")) }))));
+    /** document sort */
+    async function moveAfter(id, afterId, list) {
+        await documentStore.moveAfter(id, afterId);
+    }
+    /** Selected Page document type */
+    function selectType({ key }) {
+        state.type = key;
+        state.addAble = true;
+    }
+};
+export default PageItems;
+//# sourceMappingURL=index.js.map

package/es/pages/Page/PageItems/index.js.map

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

package/es/pages/Page/PageItems/index.less

@@ -0,0 +1,57 @@
+@import "~@voplus/antd/es/style/themes/index.less";
+:global {
+	.page-items-view {
+		.list-view-header {
+			display: none;
+		}
+		.page-item-card {
+			max-width: 70rem;
+			margin-left: auto;
+			margin-right: auto;
+			padding: 0 1rem 1rem 1rem;
+			background-color: @background-color-base;
+			&.page-item-card_zero {
+				padding-top: 1rem;
+			}
+		}
+	}
+	.new-page-item-form {
+		width: 100%;
+		height: 0;
+		opacity: 0;
+		margin: 0;
+		background-color: #fff;
+		border-top: 0 @border-style-base @border-color-split;
+		transition: height 0.3s, opacity 0.2s ease-out, border-color 0.1s;
+		&.show {
+			opacity: 1;
+			height: auto;
+			border-top-width: @border-width-base;
+			.ant-input {
+				padding: 4px 0;
+				border: none;
+				box-shadow: none;
+			}
+		}
+		.detailed {
+			display: none;
+		}
+	}
+	.plus-icon.plus-icon-position {
+		position: absolute;
+		bottom: 20px;
+		right: 20px;
+		width: 26px;
+		height: 26px;
+		line-height: 26px;
+		font-size: 18px;
+		border-radius: 2px;
+		box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08),
+			0 9px 28px 8px rgba(0, 0, 0, 0.05);
+		transition: width 0.3s, opacity 0.2s ease-out, color 0.3s;
+		&.hide {
+			width: 0;
+			opacity: 0;
+		}
+	}
+}

package/es/pages/Page/PageItems/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../src/pages/Page/PageItems/state.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAElC,MAAM,OAAO,KAAK;IAAlB;QACC,0BAA0B;QACP,YAAO,GAAG,KAAK,CAAC;IAGpC,CAAC;CAAA;AAHY;IAAX,UAAU;sCAAwB;AAEvB;IAAX,UAAU;mCAAsB"}

package/es/pages/Page/PagePropertiesView/index.d.ts

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

package/es/pages/Page/PagePropertiesView/index.js

@@ -0,0 +1,16 @@
+import { PageContext, PageContextState } from "../data";
+import React, { useState } from "react";
+import DocumentHeader from "../../../components/DocumentHeader";
+import DocumentTabs from "../../../components/DocumentTabs";
+import PageItems from "../PageItems";
+import { useObserver } from "mobx-react-lite";
+const PagePropertiesView = (props) => {
+    const { id } = props;
+    const [context] = useState(new PageContextState());
+    return useObserver(() => (React.createElement(PageContext.Provider, { value: context },
+        React.createElement("div", { className: "module-detail-view" },
+            React.createElement(DocumentHeader, { id: id, size: "h3", quickDataBarAlign: "left", clickNameEffect: "edit", autoSaveName: true }),
+            React.createElement(DocumentTabs, { id: id, details: React.createElement(PageItems, { id: id }) })))));
+};
+export default PagePropertiesView;
+//# sourceMappingURL=index.js.map

package/es/pages/Page/PagePropertiesView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/pages/Page/PagePropertiesView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AACxD,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,cAAc,MAAM,oCAAoC,CAAC;AAChE,OAAO,YAAY,MAAM,kCAAkC,CAAC;AAC5D,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,kBAAkB,GAAG,CAAC,KAAqB,EAAE,EAAE;IACpD,MAAM,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC;IAErB,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,6BAAK,SAAS,EAAC,oBAAoB;YAClC,oBAAC,cAAc,IACd,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,IAAI,EACT,iBAAiB,EAAC,MAAM,EACxB,eAAe,EAAC,MAAM,EACtB,YAAY,EAAE,IAAI,GACjB;YACF,oBAAC,YAAY,IAAC,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,oBAAC,SAAS,IAAC,EAAE,EAAE,EAAE,GAAI,GAAI,CACnD,CACgB,CACvB,CAAC,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,kBAAkB,CAAC"}

package/es/pages/Page/PageQuickView/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare const PageQuickView: (props: {
+    id: string;
+    visible?: boolean;
+    onCancel?: () => void;
+}) => JSX.Element;
+export default PageQuickView;

package/es/pages/Page/PageQuickView/index.js

@@ -0,0 +1,14 @@
+import { PageContext, PageContextState } from "../data";
+import React, { useState } from "react";
+import PageItems from "../PageItems";
+import QuickViewDialog from "../../../components/QuickViewDialog";
+import { useObserver } from "mobx-react-lite";
+const PageQuickView = (props) => {
+    const { id, visible, onCancel } = props;
+    const [context] = useState(new PageContextState());
+    return useObserver(() => (React.createElement(PageContext.Provider, { value: context },
+        React.createElement(QuickViewDialog, { id: id, visible: visible, onCancel: onCancel },
+            React.createElement(PageItems, { id: id })))));
+};
+export default PageQuickView;
+//# sourceMappingURL=index.js.map

package/es/pages/Page/PageQuickView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/pages/Page/PageQuickView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AACxD,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,eAAe,MAAM,qCAAqC,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,aAAa,GAAG,CAAC,KAA+D,EAAE,EAAE;IACzF,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAExC,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,oBAAC,eAAe,IAAC,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ;YAC5D,oBAAC,SAAS,IAAC,EAAE,EAAE,EAAE,GAAI,CACJ,CACI,CACvB,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/es/pages/VSubmit/VSubmitDefaultView/index.d.ts

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

package/es/pages/VSubmit/VSubmitDefaultView/index.js

@@ -0,0 +1,59 @@
+import { Archive, Reload, Sidebar } from "../../../controls/ToolBar/buttons";
+import React, { useEffect, useState } from "react";
+import { useDocumentStore } from "@voplus/morpho-document-core";
+import AsideContent from "@voplus/morpho-ui/es/components/layout/AsideContent";
+import DocumentHeader from "../../../components/DocumentHeader";
+import DocumentIconView from "../components/DocumentIconView";
+import DocumentTabs from "../../../components/DocumentTabs";
+import EmailRecipients from "../components/EmailRecipients";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import RichTextEditor from "@voplus/morpho-ui/es/controls/RichTextEditor";
+import { Scrollbars } from "react-custom-scrollbars";
+import { Skeleton } from "@voplus/antd";
+import { State } from "./state";
+import SubmitSections from "../components/SubmitSections";
+import ToolBar from "../../../controls/ToolBar/ToolBar2";
+import { faEdit } from "@fortawesome/pro-light-svg-icons";
+import styles from "./index.less";
+import { useObserver } from "mobx-react-lite";
+import { useParams } from "react-router";
+import { useVSubmit } from "../data";
+const VSubmitDefaultView = () => {
+    const [state] = useState(new State());
+    const params = useParams();
+    const id = params.id;
+    const [asideContext] = useState(AsideContent.createContext());
+    const vsubmit = useVSubmit(id, { reload: state.reload, includes: "tags" });
+    const documentStore = useDocumentStore();
+    useEffect(() => {
+        asideContext.openAside(AsideElement, { span: 12 });
+    }, []);
+    const AsideElement = (React.createElement("div", { className: "page-default-view_aside" },
+        React.createElement(DocumentTabs, { id: id, docTab: false })));
+    return useObserver(() => (React.createElement(AsideContent, { context: asideContext },
+        React.createElement("div", { className: styles["vsubmit-defaul-view"] },
+            React.createElement(DocumentHeader, { id: id, size: "h2", 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("div", { className: "submit-description" }, vsubmit.loading ? (React.createElement(Skeleton, { active: true })) : (React.createElement(RichTextEditor, { editable: false, readOnly: vsubmit.status === "Readonly", placeholder: vsubmit.status === "Readonly" ? ("No description") : (React.createElement("span", null,
+                    React.createElement(FAIcon, { icon: faEdit }),
+                    "Add Description")), content: vsubmit.description || "", onSave: v => documentStore.edit(id, { Description: v }) }))),
+            vsubmit.loading || !state.reload ? (React.createElement("div", { style: { padding: "0 20px" } },
+                React.createElement(Skeleton, { active: true }))) : (React.createElement(Scrollbars, null,
+                React.createElement(EmailRecipients, null),
+                React.createElement(DocumentIconView, { id: vsubmit.attachmentsId, download: false }),
+                React.createElement(SubmitSections, { id: id })))))));
+    /** reload data */
+    function onReLoad() {
+        state.reload = false;
+        setTimeout(() => {
+            state.reload = true;
+        }, 100);
+    }
+};
+export default VSubmitDefaultView;
+//# sourceMappingURL=index.js.map

package/es/pages/VSubmit/VSubmitDefaultView/index.js.map

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

package/es/pages/VSubmit/VSubmitDefaultView/index.less

@@ -0,0 +1,10 @@
+.vsubmit-defaul-view {
+	height: 100%;
+	display: flex;
+	flex-direction: column;
+	:global{
+		.submit-description {
+			padding: 0 20px 10px 20px;
+		}
+	}
+}

package/es/pages/VSubmit/VSubmitDefaultView/state.d.ts

@@ -0,0 +1,4 @@
+export declare class State {
+    /** Enable of new Text  */
+    reload: boolean;
+}

package/es/pages/VSubmit/VSubmitDefaultView/state.js

@@ -0,0 +1,12 @@
+import { __decorate } from "tslib";
+import { observable } from "mobx";
+export class State {
+    constructor() {
+        /** Enable of new Text  */
+        this.reload = true;
+    }
+}
+__decorate([
+    observable
+], State.prototype, "reload", void 0);
+//# sourceMappingURL=state.js.map

package/es/pages/VSubmit/VSubmitDefaultView/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../src/pages/VSubmit/VSubmitDefaultView/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAElC,MAAM,OAAO,KAAK;IAAlB;QACC,0BAA0B;QACP,WAAM,GAAG,IAAI,CAAC;IAClC,CAAC;CAAA;AADY;IAAX,UAAU;qCAAsB"}

package/es/pages/VSubmit/VSubmitSubmitterView/index.d.ts

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

package/es/pages/VSubmit/VSubmitSubmitterView/index.js

@@ -0,0 +1,35 @@
+import "./index.less";
+import { useDocumentStore } from "@voplus/morpho-document-core";
+import ChatView from "@voplus/morpho-collaboration/es/components/Comment";
+import DocumentHeader from "../../../components/DocumentHeader";
+import DocumentIconView from "../components/DocumentIconView";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import MainContent from "@voplus/morpho-ui/es/components/layout/MainContent";
+import React from "react";
+import RichTextEditor from "@voplus/morpho-ui/es/controls/RichTextEditor";
+import { Scrollbars } from "react-custom-scrollbars";
+import { Skeleton } from "@voplus/antd";
+import SubmitSections from "../components/SubmitSections";
+import { faEdit } from "@fortawesome/pro-light-svg-icons";
+import { useObserver } from "mobx-react-lite";
+import { useRouteMatch } from "react-router";
+import { useVSubmit } from "../data";
+const VSubmitSubmitterView = () => {
+    const match = useRouteMatch();
+    const id = match.params.id;
+    const submitter = useVSubmit(id, { reload: true });
+    const documentStore = useDocumentStore();
+    return useObserver(() => (React.createElement(MainContent, { className: "v-submit-submitter-view" },
+        React.createElement("div", { className: "v-submit-submitter_content" },
+            React.createElement("header", null,
+                React.createElement(DocumentHeader, { id: id, size: "h2" }),
+                React.createElement("div", { className: "submitter-description" }, submitter.loading ? (React.createElement(Skeleton, { active: true })) : (React.createElement(RichTextEditor, { editable: false, readOnly: submitter.readonly, placeholder: submitter.readonly ? ("No description") : (React.createElement("span", null,
+                        React.createElement(FAIcon, { icon: faEdit }),
+                        "Add Description")), content: submitter.description || "", onSave: v => documentStore.edit(id, { Description: v }) })))),
+            submitter.loading ? (React.createElement(Skeleton, { active: true })) : (React.createElement(Scrollbars, { autoHide: true },
+                React.createElement(DocumentIconView, { id: submitter.attachmentsId, upload: false }),
+                React.createElement(SubmitSections, { id: id })))),
+        React.createElement("nav", null, submitter.loading ? (React.createElement(Skeleton, { active: true })) : (React.createElement(ChatView, { channelId: submitter.channelId || "" }))))));
+};
+export default VSubmitSubmitterView;
+//# sourceMappingURL=index.js.map

package/es/pages/VSubmit/VSubmitSubmitterView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/pages/VSubmit/VSubmitSubmitterView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAe,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAE7E,OAAO,QAAQ,MAAM,oDAAoD,CAAC;AAC1E,OAAO,cAAc,MAAM,oCAAoC,CAAC;AAChE,OAAO,gBAAgB,MAAM,gCAAgC,CAAC;AAE9D,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,WAAW,MAAM,oDAAoD,CAAC;AAC7E,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,cAAc,MAAM,8CAA8C,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACjC,MAAM,KAAK,GAAG,aAAa,EAAkB,CAAC;IAC9C,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;IAE3B,MAAM,SAAS,GAAG,UAAU,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;IAEnD,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC;IAEzC,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,WAAW,IAAC,SAAS,EAAC,yBAAyB;QAC/C,6BAAK,SAAS,EAAC,4BAA4B;YAC1C;gBACC,oBAAC,cAAc,IAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAC,IAAI,GAAG;gBACpC,6BAAK,SAAS,EAAC,uBAAuB,IACpC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CACpB,oBAAC,QAAQ,IAAC,MAAM,SAAG,CACnB,CAAC,CAAC,CAAC,CACH,oBAAC,cAAc,IACd,QAAQ,EAAE,KAAK,EACf,QAAQ,EAAE,SAAS,CAAC,QAAQ,EAC5B,WAAW,EACV,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CACpB,gBAAgB,CAChB,CAAC,CAAC,CAAC,CACH;wBACC,oBAAC,MAAM,IAAC,IAAI,EAAE,MAAM,GAAI;0CAElB,CACP,EAEF,OAAO,EAAE,SAAS,CAAC,WAAW,IAAI,EAAE,EACpC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,CAAC,GACtD,CACF,CACI,CACE;YACR,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CACpB,oBAAC,QAAQ,IAAC,MAAM,SAAG,CACnB,CAAC,CAAC,CAAC,CACH,oBAAC,UAAU,IAAC,QAAQ;gBACnB,oBAAC,gBAAgB,IAAC,EAAE,EAAE,SAAS,CAAC,aAAa,EAAE,MAAM,EAAE,KAAK,GAAI;gBAChE,oBAAC,cAAc,IAAC,EAAE,EAAE,EAAE,GAAI,CACd,CACb,CACI;QACN,iCACE,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CACpB,oBAAC,QAAQ,IAAC,MAAM,SAAG,CACnB,CAAC,CAAC,CAAC,CACH,oBAAC,QAAQ,IAAC,SAAS,EAAE,SAAS,CAAC,SAAS,IAAI,EAAE,GAAI,CAClD,CACI,CACO,CACd,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/es/pages/VSubmit/VSubmitSubmitterView/index.less

@@ -0,0 +1,30 @@
+@import "~@voplus/antd/es/style/themes/index.less";
+:global {
+	.v-submit-submitter-view {
+		overflow: hidden;
+		nav {
+			position: relative;
+			min-width: 380px;
+			width: 30rem;
+		}
+		.v-submit-submitter_content {
+			display: flex;
+			height: 100%;
+			flex-direction: column;
+			padding: unset !important;
+			overflow: hidden;
+			background-color: @background-color-base;
+			header {
+				border-left: 1px solid #f2f2f2;
+				background: @component-background;
+				box-shadow: 2px 2px 5px #e8e8e8;
+				.submitter-description {
+					padding: 0 20px 10px 20px;
+				}
+			}
+			.section-item {
+				background-color: #fff;
+			}
+		}
+	}
+}

package/es/pages/VSubmit/components/DocumentIconCard/index.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import "./index.less";
+declare const DocumentIconCard: {
+    (props: {
+        id: string;
+        size?: "small" | "normal" | "large";
+    }): JSX.Element;
+    defaultProps: {
+        size: string;
+    };
+};
+export default DocumentIconCard;

package/es/pages/VSubmit/components/DocumentIconCard/index.js

@@ -0,0 +1,32 @@
+import "./index.less";
+import { Archive, Download, Open } from "../../../../controls/ToolBar/buttons";
+import React, { useState } from "react";
+import Card from "@voplus/morpho-ui/es/controls/Card";
+import DocumentHeader from "../../../../components/DocumentHeader";
+import ToolBar from "../../../../controls/ToolBar/ToolBar2";
+import classnames from "classnames";
+import { useDocument } from "@voplus/morpho-document-core";
+import { useMetaStore } from "../../../../data/DocumentMetaStore";
+import { useObserver } from "mobx-react-lite";
+const DocumentIconCard = (props) => {
+    const { id, size } = props;
+    const document = useDocument(id, {
+        reload: d => !d.tags,
+        includes: "tags,versions"
+    });
+    const meta = useMetaStore();
+    const [isHover, setIsHover] = useState(false);
+    return useObserver(() => (React.createElement(Card, { shadow: true, className: "document-icon-card" },
+        React.createElement("div", { className: "document-card-item", onMouseOver: () => setIsHover(true), onMouseLeave: () => setIsHover(false) },
+            React.createElement(DocumentHeader, { id: id, clickNameEffect: "quick-view", pre: React.createElement("span", { className: `attachment-icon-${size}` }, meta.getIcon(document)), flagVisible: false, toolsVisible: false, quickDataBarVisible: false }),
+            React.createElement("div", { className: classnames("hover-operate-icon", { show: isHover }) },
+                React.createElement(ToolBar, { id: id, menuProps: { url: `/document/${id}` } },
+                    React.createElement(Open, { url: `/document/${id}` }),
+                    React.createElement(Archive, null),
+                    React.createElement(Download, null)))))));
+};
+DocumentIconCard.defaultProps = {
+    size: "normal"
+};
+export default DocumentIconCard;
+//# sourceMappingURL=index.js.map

package/es/pages/VSubmit/components/DocumentIconCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/pages/VSubmit/components/DocumentIconCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,sCAAsC,CAAC;AAC/E,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,IAAI,MAAM,oCAAoC,CAAC;AACtD,OAAO,cAAc,MAAM,uCAAuC,CAAC;AACnE,OAAO,OAAO,MAAM,uCAAuC,CAAC;AAC5D,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,gBAAgB,GAAG,CAAC,KAA0D,EAAE,EAAE;IACvF,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAE3B,MAAM,QAAQ,GAAG,WAAW,CAAC,EAAE,EAAE;QAChC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI;QACpB,QAAQ,EAAE,eAAe;KACzB,CAAC,CAAC;IACH,MAAM,IAAI,GAAG,YAAY,EAAE,CAAC;IAE5B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,IAAI,IAAC,MAAM,EAAE,IAAI,EAAE,SAAS,EAAC,oBAAoB;QACjD,6BACC,SAAS,EAAC,oBAAoB,EAC9B,WAAW,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EACnC,YAAY,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC;YAErC,oBAAC,cAAc,IACd,EAAE,EAAE,EAAE,EACN,eAAe,EAAC,YAAY,EAC5B,GAAG,EAAE,8BAAM,SAAS,EAAE,mBAAmB,IAAI,EAAE,IAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAQ,EAChF,WAAW,EAAE,KAAK,EAClB,YAAY,EAAE,KAAK,EACnB,mBAAmB,EAAE,KAAK,GACzB;YACF,6BAAK,SAAS,EAAE,UAAU,CAAC,oBAAoB,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;gBAClE,oBAAC,OAAO,IAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,GAAG,EAAE,aAAa,EAAE,EAAE,EAAE;oBACrD,oBAAC,IAAI,IAAC,GAAG,EAAE,aAAa,EAAE,EAAE,GAAI;oBAChC,oBAAC,OAAO,OAAG;oBACX,oBAAC,QAAQ,OAAG,CACH,CACL,CACD,CACA,CACP,CAAC,CAAC;AACJ,CAAC,CAAC;AACF,gBAAgB,CAAC,YAAY,GAAG;IAC/B,IAAI,EAAE,QAAQ;CACd,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/es/pages/VSubmit/components/DocumentIconCard/index.less

@@ -0,0 +1,37 @@
+:global {
+	.document-icon-card {
+		padding: 0.75rem;
+		cursor: pointer;
+		.document-header-default {
+			padding: unset;
+			.document-name-content {
+				align-items: center;
+			}
+		}
+		.attachment-icon-small {
+			font-size: 24px;
+			line-height: 25px;
+		}
+		.attachment-icon-normal {
+			font-size: 36px;
+			line-height: 37px;
+		}
+		.attachment-icon-large {
+			font-size: 48px;
+			line-height: 49px;
+		}
+		.hover-operate-icon {
+			opacity: 0;
+			padding-top: 5px;
+			&.show {
+				opacity: 1;
+			}
+			.ant-dropdown-trigger {
+				float: right;
+			}
+			.ant-btn + .ant-btn {
+				margin: 0 0 0 8px;
+			}
+		}
+	}
+}

package/es/pages/VSubmit/components/DocumentIconView/index.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import "./index.less";
+declare const DocumentIconView: {
+    (props: {
+        id: string;
+        download?: boolean;
+        upload?: boolean;
+    }): JSX.Element;
+    defaultProps: {
+        upload: boolean;
+    };
+};
+export default DocumentIconView;

package/es/pages/VSubmit/components/DocumentIconView/index.js

@@ -0,0 +1,61 @@
+import "./index.less";
+import { Button, Empty, Tooltip, Upload } from "@voplus/antd";
+import React, { useState } from "react";
+import { faDownload, faUpload } from "@fortawesome/pro-light-svg-icons";
+import DocumentIconCard from "../DocumentIconCard";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { State } from "./state";
+import { useApplicationContext } from "@voplus/morpho-data";
+import { useDocumentListEffect } from "@voplus/morpho-document-core";
+import { useDocumentStore } from "@voplus/morpho-document-core";
+import { useFileStore } from "../../../../data/FileStore/FileStore";
+import { useObserver } from "mobx-react-lite";
+const DocumentIconView = (props) => {
+    const { id, download, upload } = props;
+    const [state] = useState(new State());
+    const { user } = useApplicationContext();
+    const store = useDocumentStore();
+    const fileStore = useFileStore();
+    useDocumentListEffect(null, list => {
+        state.list = list || [];
+    }, {
+        Filters: [{ c: "ParentNodeId", o: "=", l: "And", v1: id }]
+    });
+    return useObserver(() => (React.createElement("div", { className: "documents-icon-view" },
+        React.createElement("div", { className: "attachments-header" },
+            React.createElement("div", { className: "attachments-title" }, "Attachments"),
+            download !== false && (React.createElement(Tooltip, { title: "Download" },
+                React.createElement(Button, { type: "link", disabled: !(state.list && state.list.length), className: "download-btn", onClick: onDownload },
+                    React.createElement(FAIcon, { icon: faDownload }))))),
+        React.createElement("div", { className: "attachments-cards" },
+            React.createElement(Upload.Dragger, { action: `https://${store.endpoint.host}/api/files/${props.id}`, headers: {
+                    Authorization: `Bearer ${user.info.accessToken}`
+                }, fileList: state.fileList, showUploadList: state.fileList.length > 0, onChange: onUploading, disabled: !upload, openFileDialogOnClick: false, multiple: true }, !!(state.list && state.list.length) ? (state.list.map(d => React.createElement(DocumentIconCard, { key: d.id, id: d.id }))) : upload ? (React.createElement("div", { className: "ant-upload-hint" },
+                React.createElement(FAIcon, { icon: faUpload }),
+                "Drag file to this area to upload")) : (React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE })))))));
+    /** download file */
+    function onDownload() {
+        for (const item of state.list) {
+            fileStore.download(item.id).then((blob) => {
+                if (blob) {
+                    const url = URL.createObjectURL(blob);
+                    if (url) {
+                        saveAs(url);
+                    }
+                }
+            });
+        }
+    }
+    /** 文件上传中、完成、失败回调函数 */
+    function onUploading({ file, fileList }) {
+        /**上传完成不显示进度条 */
+        state.fileList = fileList.filter(f => f.status !== "done");
+        if (file.status === "done")
+            state.list = [...state.list, file.response];
+    }
+};
+DocumentIconView.defaultProps = {
+    upload: true
+};
+export default DocumentIconView;
+//# sourceMappingURL=index.js.map

package/es/pages/VSubmit/components/DocumentIconView/index.js.map

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

package/es/pages/VSubmit/components/DocumentIconView/index.less

@@ -0,0 +1,65 @@
+:global {
+	.documents-icon-view {
+		.attachments-header {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			padding: 0.75rem 20px 0.25rem 20px;
+			border-bottom: 1px solid #f2f2f2;
+			.attachments-title {
+				color: #000;
+				font-size: 16px;
+				font-weight: 600;
+			}
+			.download-btn {
+				padding: 0;
+				height: 26px;
+				font-size: 18px;
+			}
+		}
+		.attachments-cards {
+			display: flex;
+			flex-wrap: wrap;
+			> span {
+				display: flex;
+				width: 100%;
+				flex-direction: column-reverse;
+				padding: 0 0.5rem;
+				.ant-upload-disabled {
+					cursor: auto !important;
+				}
+				.ant-upload.ant-upload-drag {
+					border: none;
+					background-color: transparent;
+					text-align: left;
+					.ant-upload {
+						padding: 0;
+						.ant-upload-drag-container {
+							display: flex;
+							flex-wrap: wrap;
+							.document-icon-card {
+								width: 18rem;
+								margin: 0.5rem;
+							}
+							.ant-upload-hint {
+								width: 100%;
+								padding: 1rem 0;
+								margin: 0.25rem 0.75rem 0 0.75rem;
+								background-color: #fff;
+								.svg-inline--fa {
+									margin: 0 10px 0 20px;
+								}
+							}
+							.ant-empty {
+								width: 100%;
+								padding: 10px 0;
+								margin: 0.25rem 0.5rem 0 0.5rem;
+								background-color: #fff;
+							}
+						}
+					}
+				}
+			}
+		}
+	}
+}

package/es/pages/VSubmit/components/DocumentIconView/state.d.ts

@@ -0,0 +1,8 @@
+import { IDocument } from "@voplus/morpho-document-core";
+import { UploadFile } from "@voplus/antd/es/upload/interface";
+export declare class State {
+    /** list of attachments */
+    list: IDocument[];
+    /** list of upload file */
+    fileList: UploadFile[];
+}

package/es/pages/VSubmit/components/DocumentIconView/state.js

@@ -0,0 +1,17 @@
+import { __decorate } from "tslib";
+import { observable } from "mobx";
+export class State {
+    constructor() {
+        /** list of attachments */
+        this.list = [];
+        /** list of upload file */
+        this.fileList = [];
+    }
+}
+__decorate([
+    observable
+], State.prototype, "list", void 0);
+__decorate([
+    observable
+], State.prototype, "fileList", void 0);
+//# sourceMappingURL=state.js.map