@voplus/morpho-document 1.4.96 → 1.4.97

package/es/pages/EmailTemplate/CodeMirror/index.js

@@ -1,41 +1,41 @@
-import "codemirror/addon/display/autorefresh";
-import "codemirror/addon/comment/comment";
-import "codemirror/addon/edit/matchbrackets";
-import "codemirror/keymap/sublime";
-import "codemirror/theme/eclipse.css";
-import React, { Suspense, useEffect, useState } from "react";
-import { Skeleton } from "@voplus/antd";
-import { State } from "./state";
-import { observe } from "@voplus/morpho-ui";
-const Mirror = React.lazy(() => import("@uiw/react-codemirror"));
-const CodeMirror = (props) => {
-    const { code, height, readOnly, onChange } = props;
-    const [state] = useState(new State());
-    useEffect(() => {
-        state.update(props.code);
-    }, [props.code]);
-    return observe(() => (React.createElement(Suspense, { fallback: React.createElement(Skeleton, null) },
-        React.createElement(Mirror, { value: code, 
-            // height={height}
-            options: {
-                // theme,
-                keyMap: "sublime",
-                mode: "jsx",
-                // autofocus: true,
-                // lineNumbers: 2,
-                lineWrapping: true,
-                extraKeys: { Ctrl: "autocomplete" },
-                readOnly: !!readOnly,
-                scrollbarStyle: "null",
-                spellcheck: true,
-                autocorrect: true,
-            }, onChanges: (instance, change) => {
-                state.update(instance.getValue());
-                onChange === null || onChange === void 0 ? void 0 : onChange(instance.getValue());
-            } }))));
-};
-// CodeMirror.defaultProps = {
-// 	height: "auto",
-// };
-export default CodeMirror;
+import "codemirror/addon/display/autorefresh";
+import "codemirror/addon/comment/comment";
+import "codemirror/addon/edit/matchbrackets";
+import "codemirror/keymap/sublime";
+import "codemirror/theme/eclipse.css";
+import React, { Suspense, useEffect, useState } from "react";
+import { Skeleton } from "@voplus/antd";
+import { State } from "./state";
+import { observe } from "@voplus/morpho-ui";
+const Mirror = React.lazy(() => import("@uiw/react-codemirror"));
+const CodeMirror = (props) => {
+    const { code, height, readOnly, onChange } = props;
+    const [state] = useState(new State());
+    useEffect(() => {
+        state.update(props.code);
+    }, [props.code]);
+    return observe(() => (React.createElement(Suspense, { fallback: React.createElement(Skeleton, null) },
+        React.createElement(Mirror, { value: code, 
+            // height={height}
+            options: {
+                // theme,
+                keyMap: "sublime",
+                mode: "jsx",
+                // autofocus: true,
+                // lineNumbers: 2,
+                lineWrapping: true,
+                extraKeys: { Ctrl: "autocomplete" },
+                readOnly: !!readOnly,
+                scrollbarStyle: "null",
+                spellcheck: true,
+                autocorrect: true,
+            }, onChanges: (instance, change) => {
+                state.update(instance.getValue());
+                onChange === null || onChange === void 0 ? void 0 : onChange(instance.getValue());
+            } }))));
+};
+// CodeMirror.defaultProps = {
+// 	height: "auto",
+// };
+export default CodeMirror;
 //# sourceMappingURL=index.js.map

package/es/pages/EmailTemplate/CodeMirror/state.d.ts

@@ -1,5 +1,5 @@
-export declare class State {
-    code: string;
-    constructor();
-    update: (code: string) => void;
-}
+export declare class State {
+    code: string;
+    constructor();
+    update: (code: string) => void;
+}

package/es/pages/EmailTemplate/CodeMirror/state.js

@@ -1,28 +1,28 @@
-import { __decorate } from "tslib";
-import { action, makeObservable, observable } from "mobx";
-export class State {
-    constructor() {
-        Object.defineProperty(this, "code", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: ""
-        });
-        Object.defineProperty(this, "update", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (code) => {
-                this.code = code;
-            }
-        });
-        makeObservable(this);
-    }
-}
-__decorate([
-    observable
-], State.prototype, "code", void 0);
-__decorate([
-    action
-], State.prototype, "update", void 0);
+import { __decorate } from "tslib";
+import { action, makeObservable, observable } from "mobx";
+export class State {
+    constructor() {
+        Object.defineProperty(this, "code", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ""
+        });
+        Object.defineProperty(this, "update", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (code) => {
+                this.code = code;
+            }
+        });
+        makeObservable(this);
+    }
+}
+__decorate([
+    observable
+], State.prototype, "code", void 0);
+__decorate([
+    action
+], State.prototype, "update", void 0);
 //# sourceMappingURL=state.js.map

package/es/pages/EmailTemplate/EmailTemplateDefaultView/index.d.ts

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

package/es/pages/EmailTemplate/EmailTemplateDefaultView/index.js

@@ -1,46 +1,46 @@
-import "./index.less";
-import { AsideContent, useAutorunEffect } from "@voplus/morpho-ui";
-import React, { useEffect, useState } from "react";
-import { Reload, Sidebar } from "../../../controls/ToolBar/buttons";
-import DocumentHeader from "../../../components/DocumentHeader";
-import DocumentTabs from "../../../components/DocumentTabs";
-import EmailTemplateItem from "../EmailTemplateItem";
-import ToolBar from "../../../controls/ToolBar/ToolBar2";
-import { useEmailTemplate } from "../data";
-import { useRouteMatch } from "react-router";
-import { useTabItem } from "@voplus/morpho-data";
-const EmailTemplateDefaultView = () => {
-    const match = useRouteMatch();
-    const id = match.params.id;
-    const [loaded, setLoaded] = useState(true);
-    const emailTemplate = useEmailTemplate(id, { includes: "tags" });
-    const [asideContext] = useState(AsideContent.createContext());
-    const tab = useTabItem();
-    useAutorunEffect(() => {
-        tab.title = emailTemplate === null || emailTemplate === void 0 ? void 0 : emailTemplate.name;
-    });
-    useEffect(() => {
-        asideContext.openAside(AsideElement, { span: 12 });
-    }, []);
-    const AsideElement = (React.createElement("div", { className: "email-template-default-view_aside" },
-        React.createElement(DocumentTabs, { id: id, docTab: false })));
-    return (React.createElement(AsideContent, { context: asideContext },
-        React.createElement("div", { className: "email-template-default-view" }, loaded && (React.createElement(React.Fragment, null,
-            React.createElement("header", null,
-                React.createElement(DocumentHeader, { id: id, size: "h3", clickNameEffect: "edit", 
-                    // quickDataBarAlign={quickDataBarAlign}
-                    autoSaveName: true, tools: React.createElement(ToolBar, { id: id },
-                        React.createElement(Reload, { action: reload }),
-                        React.createElement(Sidebar, { action: () => asideContext.asideContent
-                                ? asideContext.closeAside()
-                                : asideContext.openAside(AsideElement, { span: 12 }) })), descriptionVisible: false })),
-            React.createElement(EmailTemplateItem, { id: id }))))));
-    function reload() {
-        setLoaded(false);
-        setTimeout(() => {
-            setLoaded(true);
-        }, 100);
-    }
-};
-export default EmailTemplateDefaultView;
+import "./index.less";
+import { AsideContent, useAutorunEffect } from "@voplus/morpho-ui";
+import React, { useEffect, useState } from "react";
+import { Reload, Sidebar } from "../../../controls/ToolBar/buttons";
+import DocumentHeader from "../../../components/DocumentHeader";
+import DocumentTabs from "../../../components/DocumentTabs";
+import EmailTemplateItem from "../EmailTemplateItem";
+import ToolBar from "../../../controls/ToolBar/ToolBar2";
+import { useEmailTemplate } from "../data";
+import { useRouteMatch } from "react-router";
+import { useTabItem } from "@voplus/morpho-data";
+const EmailTemplateDefaultView = () => {
+    const match = useRouteMatch();
+    const id = match.params.id;
+    const [loaded, setLoaded] = useState(true);
+    const emailTemplate = useEmailTemplate(id, { includes: "tags" });
+    const [asideContext] = useState(AsideContent.createContext());
+    const tab = useTabItem();
+    useAutorunEffect(() => {
+        tab.title = emailTemplate === null || emailTemplate === void 0 ? void 0 : emailTemplate.name;
+    });
+    useEffect(() => {
+        asideContext.openAside(AsideElement, { span: 12 });
+    }, []);
+    const AsideElement = (React.createElement("div", { className: "email-template-default-view_aside" },
+        React.createElement(DocumentTabs, { id: id, docTab: false })));
+    return (React.createElement(AsideContent, { context: asideContext },
+        React.createElement("div", { className: "email-template-default-view" }, loaded && (React.createElement(React.Fragment, null,
+            React.createElement("header", null,
+                React.createElement(DocumentHeader, { id: id, size: "h3", clickNameEffect: "edit", 
+                    // quickDataBarAlign={quickDataBarAlign}
+                    autoSaveName: true, tools: React.createElement(ToolBar, { id: id },
+                        React.createElement(Reload, { action: reload }),
+                        React.createElement(Sidebar, { action: () => asideContext.asideContent
+                                ? asideContext.closeAside()
+                                : asideContext.openAside(AsideElement, { span: 12 }) })), descriptionVisible: false })),
+            React.createElement(EmailTemplateItem, { id: id }))))));
+    function reload() {
+        setLoaded(false);
+        setTimeout(() => {
+            setLoaded(true);
+        }, 100);
+    }
+};
+export default EmailTemplateDefaultView;
 //# sourceMappingURL=index.js.map

package/es/pages/EmailTemplate/EmailTemplateDefaultView/index.less

@@ -0,0 +1,39 @@
+@import "~@voplus/antd/es/style/themes/index.less";
+
+:global {
+	.email-template-default-view {
+		position: relative;
+		display: flex;
+		height: 100%;
+		flex-direction: column;
+		overflow: hidden;
+		background: #f5f5f5;
+		> header {
+			z-index: 1;
+			box-shadow: 2px 2px 5px #e8e8e8;
+			background-color: @component-background;
+		}
+		.document-header-default {
+			background-color: transparent;
+		}
+	}
+	.email-template-default-view_aside {
+		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;
+			}
+		}
+	}
+}

package/es/pages/EmailTemplate/EmailTemplateForm/index.d.ts

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

package/es/pages/EmailTemplate/EmailTemplateForm/index.js

@@ -1,30 +1,30 @@
-import "./index.less";
-import { Button, Checkbox, Form, Input } from "@voplus/antd";
-import CodeMirror from "../CodeMirror";
-import EmailTemplateSelect from "../EmailTemplateSelect";
-import FormItem from "@voplus/antd/es/form/FormItem";
-import ProseMirror from "@voplus/morpho-text/es/controls/ProseMirror";
-import React from "react";
-const EmailTemplateForm = () => {
-    return (React.createElement(Form, { layout: "vertical", initialValues: { name: "", isLayout: false, subject: "", html: "", text: "" }, onFinish: submit, className: "email-template-form" },
-        React.createElement(FormItem, { name: "isLayout", valuePropName: "checked" },
-            React.createElement(Checkbox, null, "IsLayout")),
-        React.createElement(FormItem, { label: "Layout" },
-            React.createElement(EmailTemplateSelect, { value: "bff2287a-3e63-48bd-abf6-abbb00a770d6" })),
-        React.createElement(FormItem, { label: "Name", name: "name", required: true },
-            React.createElement(Input, null)),
-        React.createElement(FormItem, { label: "Description", name: "text" },
-            React.createElement(ProseMirror, { toolbarProps: { sticky: false }, scroll: true, className: "proseMirror" })),
-        React.createElement(FormItem, { label: "Subject", name: "subject" },
-            React.createElement(Input, null)),
-        React.createElement(FormItem, { label: "HtmlText", name: "html" },
-            React.createElement(CodeMirror, { code: "" })),
-        React.createElement(FormItem, { className: "submit-btn" },
-            React.createElement(Button, { type: "primary", htmlType: "submit" }, "Save"))));
-    function submit(values) {
-        const text = values.text.editor.dom.innerHTML === "<p><br></p>" ? "" : values.text.editor.dom.innerHTML;
-        console.log("onFinish", values, text);
-    }
-};
-export default EmailTemplateForm;
+import "./index.less";
+import { Button, Checkbox, Form, Input } from "@voplus/antd";
+import CodeMirror from "../CodeMirror";
+import EmailTemplateSelect from "../EmailTemplateSelect";
+import FormItem from "@voplus/antd/es/form/FormItem";
+import ProseMirror from "@voplus/morpho-text/es/controls/ProseMirror";
+import React from "react";
+const EmailTemplateForm = () => {
+    return (React.createElement(Form, { layout: "vertical", initialValues: { name: "", isLayout: false, subject: "", html: "", text: "" }, onFinish: submit, className: "email-template-form" },
+        React.createElement(FormItem, { name: "isLayout", valuePropName: "checked" },
+            React.createElement(Checkbox, null, "IsLayout")),
+        React.createElement(FormItem, { label: "Layout" },
+            React.createElement(EmailTemplateSelect, { value: "bff2287a-3e63-48bd-abf6-abbb00a770d6" })),
+        React.createElement(FormItem, { label: "Name", name: "name", required: true },
+            React.createElement(Input, null)),
+        React.createElement(FormItem, { label: "Description", name: "text" },
+            React.createElement(ProseMirror, { toolbarProps: { sticky: false }, scroll: true, className: "proseMirror" })),
+        React.createElement(FormItem, { label: "Subject", name: "subject" },
+            React.createElement(Input, null)),
+        React.createElement(FormItem, { label: "HtmlText", name: "html" },
+            React.createElement(CodeMirror, { code: "" })),
+        React.createElement(FormItem, { className: "submit-btn" },
+            React.createElement(Button, { type: "primary", htmlType: "submit" }, "Save"))));
+    function submit(values) {
+        const text = values.text.editor.dom.innerHTML === "<p><br></p>" ? "" : values.text.editor.dom.innerHTML;
+        console.log("onFinish", values, text);
+    }
+};
+export default EmailTemplateForm;
 //# sourceMappingURL=index.js.map

package/es/pages/EmailTemplate/EmailTemplateForm/index.less

@@ -0,0 +1,27 @@
+@import "~@voplus/antd/es/style/themes/default.less";
+:global {
+	.email-template-form {
+		.ant-select {
+			width: auto;
+		}
+		.proseMirror {
+			height: 10rem !important;
+			.editor-toolbar {
+				padding: 0.2rem 0.65rem;
+			}
+			.ProseMirror {
+				padding: 1rem 1.25rem;
+			}
+		}
+		.ant-form-item {
+			margin-bottom: 10px;
+			&.submit-btn {
+				margin: 10px 0 0;
+				text-align: right;
+			}
+			.ant-form-item-control-input-content .CodeMirror-lines {
+				min-height: 10rem;
+			}
+		}
+	}
+}

package/es/pages/EmailTemplate/EmailTemplateItem/index.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-import "./index.less";
-declare const EmailTemplateItem: (props: {
-    id: string;
-}) => JSX.Element;
-export default EmailTemplateItem;
+/// <reference types="react" />
+import "./index.less";
+declare const EmailTemplateItem: (props: {
+    id: string;
+}) => JSX.Element;
+export default EmailTemplateItem;

package/es/pages/EmailTemplate/EmailTemplateItem/index.js

@@ -1,34 +1,34 @@
-import "./index.less";
-import { Button, Checkbox, Input, Row, Skeleton } from "@voplus/antd";
-import CodeMirror from "../CodeMirror";
-import DescriptionEditor from "../../../controls/DescriptionEditor";
-import EmailTemplateSelect from "../EmailTemplateSelect";
-import React from "react";
-import { Scrollbars } from "react-custom-scrollbars";
-import { observe } from "@voplus/morpho-ui";
-import { useEmailTemplate } from "../data";
-const EmailTemplateItem = (props) => {
-    const { id } = props;
-    const emailTemplate = useEmailTemplate(id);
-    return observe(() => (React.createElement("div", { className: "email-template-item_view" },
-        React.createElement(Scrollbars, null,
-            React.createElement("div", { className: "email-template-item_content" },
-                React.createElement(Checkbox, null, "IsLayout"),
-                React.createElement("h3", null, "Layout"),
-                React.createElement(EmailTemplateSelect, { bordered: false, value: "bff2287a-3e63-48bd-abf6-abbb00a770d6" }),
-                React.createElement("h3", null, "Description"),
-                emailTemplate.loading ? (React.createElement("div", { className: "task-description" },
-                    React.createElement(Skeleton, { active: true }))) : (React.createElement(DescriptionEditor, { id: id, description: emailTemplate.description, readonly: emailTemplate.readonly, padding: "0" })),
-                React.createElement("h3", null, "Subject"),
-                React.createElement(Input, { value: "VO+ Lunar New Year Office Closing/Mail Collection Announcement", bordered: false }),
-                React.createElement(Row, { justify: "space-between" },
-                    React.createElement("h3", null, "HtmlText"),
-                    React.createElement(Button, { type: "link" }, "Save")),
-                React.createElement(CodeMirror, { code: `<p>By setting an editor's <code>height</code> style
-								to <code>auto</code> and giving
-								the <a href="../doc/manual.html#option_viewportMargin"><code>viewportMargin</code></a>
-								a value of <code>Infinity</code>, CodeMirror can be made to
-								automatically resize to fit its content.</p>` }))))));
-};
-export default EmailTemplateItem;
+import "./index.less";
+import { Button, Checkbox, Input, Row, Skeleton } from "@voplus/antd";
+import CodeMirror from "../CodeMirror";
+import DescriptionEditor from "../../../controls/DescriptionEditor";
+import EmailTemplateSelect from "../EmailTemplateSelect";
+import React from "react";
+import { Scrollbars } from "react-custom-scrollbars";
+import { observe } from "@voplus/morpho-ui";
+import { useEmailTemplate } from "../data";
+const EmailTemplateItem = (props) => {
+    const { id } = props;
+    const emailTemplate = useEmailTemplate(id);
+    return observe(() => (React.createElement("div", { className: "email-template-item_view" },
+        React.createElement(Scrollbars, null,
+            React.createElement("div", { className: "email-template-item_content" },
+                React.createElement(Checkbox, null, "IsLayout"),
+                React.createElement("h3", null, "Layout"),
+                React.createElement(EmailTemplateSelect, { bordered: false, value: "bff2287a-3e63-48bd-abf6-abbb00a770d6" }),
+                React.createElement("h3", null, "Description"),
+                emailTemplate.loading ? (React.createElement("div", { className: "task-description" },
+                    React.createElement(Skeleton, { active: true }))) : (React.createElement(DescriptionEditor, { id: id, description: emailTemplate.description, readonly: emailTemplate.readonly, padding: "0" })),
+                React.createElement("h3", null, "Subject"),
+                React.createElement(Input, { value: "VO+ Lunar New Year Office Closing/Mail Collection Announcement", bordered: false }),
+                React.createElement(Row, { justify: "space-between" },
+                    React.createElement("h3", null, "HtmlText"),
+                    React.createElement(Button, { type: "link" }, "Save")),
+                React.createElement(CodeMirror, { code: `<p>By setting an editor's <code>height</code> style
+								to <code>auto</code> and giving
+								the <a href="../doc/manual.html#option_viewportMargin"><code>viewportMargin</code></a>
+								a value of <code>Infinity</code>, CodeMirror can be made to
+								automatically resize to fit its content.</p>` }))))));
+};
+export default EmailTemplateItem;
 //# sourceMappingURL=index.js.map

package/es/pages/EmailTemplate/EmailTemplateItem/index.less

@@ -0,0 +1,17 @@
+@import "~@voplus/antd/es/style/themes/index.less";
+:global {
+	.email-template-item_view {
+		height: 100%;
+		margin: 1rem;
+		background-color: @component-background;
+		.email-template-item_content {
+			padding: 15px 20px;
+			h3 {
+				padding-top: 15px;
+			}
+			.description-editor-proseMirror {
+				padding: 0;
+			}
+		}
+	}
+}

package/es/pages/EmailTemplate/EmailTemplateItems/index.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import "./index.less";
-declare const EmailTemplateItems: (props: {
-    id: string;
-    readonly?: boolean;
-}) => JSX.Element;
-export default EmailTemplateItems;
+/// <reference types="react" />
+import "./index.less";
+declare const EmailTemplateItems: (props: {
+    id: string;
+    readonly?: boolean;
+}) => JSX.Element;
+export default EmailTemplateItems;

package/es/pages/EmailTemplate/EmailTemplateItems/index.js

@@ -1,35 +1,35 @@
-import "./index.less";
-import { ListView, observe } from "@voplus/morpho-ui";
-import { useEmailTemplateListEffect } from "../data";
-import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
-import React, { useState } from "react";
-import { useAutoUpdateListData } from "@voplus/morpho-document-core";
-import DocumentHeader from "../../../components/DocumentHeader";
-import EmailTemplateForm from "../EmailTemplateForm";
-import EmailTemplatePropertiesView from "../EmailTemplatePropertiesView";
-import NewDocumentForm from "../../../components/NewDocumentForm";
-import { State } from "./state";
-import classnames from "classnames";
-const EmailTemplateItems = (props) => {
-    const { id, readonly } = props;
-    const [state] = useState(new State());
-    const list = useCreateListDataState({
-        filterDefaults: {
-            includes: "tags",
-            filters: [
-                { c: "ParentNodeId", o: "=", l: "And", v1: "923577de-eb81-4cb8-9936-ac77002bd3d1" },
-            ],
-        },
-    }, [id]);
-    // useRenderOnChange(() => data.filters.options);
-    useEmailTemplateListEffect(list, (result) => list.union(result), list.filters.options);
-    /** useOnNewDocument, useOnDeleteDocument的sugar syntax 自動更新list. */
-    useAutoUpdateListData(list, (d) => d.type === "" && d.parentId === id);
-    return observe(() => (React.createElement(ListDataContext.Provider, { value: list },
-        React.createElement(ListView, { headerProps: { quickSearch: true }, className: "email-template-items-view", propertiesView: (id) => React.createElement(EmailTemplatePropertiesView, { id: id }), formViewTitle: "Add EmailTemplate", formView: React.createElement(EmailTemplateForm, null), renderItem: ({ item, index }) => (React.createElement(DocumentHeader, { id: item.id, className: "email-template-item", 
-                // size="h3"
-                itemHover: true, skeletonVisible: false, flagVisible: false, preVisible: false, toolsVisible: false, quickDataBar: React.createElement(React.Fragment, null, (item === null || item === void 0 ? void 0 : item.subject) || "VO+ Lunar New Year Office Closing/Mail Collection Announcement") })) }),
-        React.createElement(NewDocumentForm, { parentId: id, type: "EmailTemplate", className: classnames("email-template-items_form", { show: state.addAble }), onCancel: () => state.updateAddAble(false) }))));
-};
-export default EmailTemplateItems;
+import "./index.less";
+import { ListView, observe } from "@voplus/morpho-ui";
+import { useEmailTemplateListEffect } from "../data";
+import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
+import React, { useState } from "react";
+import { useAutoUpdateListData } from "@voplus/morpho-document-core";
+import DocumentHeader from "../../../components/DocumentHeader";
+import EmailTemplateForm from "../EmailTemplateForm";
+import EmailTemplatePropertiesView from "../EmailTemplatePropertiesView";
+import NewDocumentForm from "../../../components/NewDocumentForm";
+import { State } from "./state";
+import classnames from "classnames";
+const EmailTemplateItems = (props) => {
+    const { id, readonly } = props;
+    const [state] = useState(new State());
+    const list = useCreateListDataState({
+        filterDefaults: {
+            includes: "tags",
+            filters: [
+                { c: "ParentNodeId", o: "=", l: "And", v1: "923577de-eb81-4cb8-9936-ac77002bd3d1" },
+            ],
+        },
+    }, [id]);
+    // useRenderOnChange(() => data.filters.options);
+    useEmailTemplateListEffect(list, (result) => list.union(result), list.filters.options);
+    /** useOnNewDocument, useOnDeleteDocument的sugar syntax 自動更新list. */
+    useAutoUpdateListData(list, (d) => d.type === "" && d.parentId === id);
+    return observe(() => (React.createElement(ListDataContext.Provider, { value: list },
+        React.createElement(ListView, { headerProps: { quickSearch: true }, className: "email-template-items-view", propertiesView: (id) => React.createElement(EmailTemplatePropertiesView, { id: id }), formViewTitle: "Add EmailTemplate", formView: React.createElement(EmailTemplateForm, null), renderItem: ({ item, index }) => (React.createElement(DocumentHeader, { id: item.id, className: "email-template-item", 
+                // size="h3"
+                itemHover: true, skeletonVisible: false, flagVisible: false, preVisible: false, toolsVisible: false, quickDataBar: React.createElement(React.Fragment, null, (item === null || item === void 0 ? void 0 : item.subject) || "VO+ Lunar New Year Office Closing/Mail Collection Announcement") })) }),
+        React.createElement(NewDocumentForm, { parentId: id, type: "EmailTemplate", className: classnames("email-template-items_form", { show: state.addAble }), onCancel: () => state.updateAddAble(false) }))));
+};
+export default EmailTemplateItems;
 //# sourceMappingURL=index.js.map