@voplus/morpho-document 1.4.93 → 1.4.95

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/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/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

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

@@ -1,20 +1,20 @@
-import { IDocument } from "@voplus/morpho-document-core";
-import React, { CSSProperties } from "react";
-declare const ChildDocumentSelect: {
-    (props: {
-        id: string;
-        /** 初始选中的 */
-        selected?: string | string[] | undefined;
-        /** 多选 */
-        multiple?: boolean | undefined;
-        style?: React.CSSProperties | undefined;
-        onChange?: ((doc?: IDocument | IDocument[] | undefined) => void | Promise<void>) | undefined;
-    }): JSX.Element;
-    defaultProps: {
-        multiple: boolean;
-        style: {
-            width: string;
-        };
-    };
-};
-export default ChildDocumentSelect;
+import { IDocument } from "@voplus/morpho-document-core";
+import React, { CSSProperties } from "react";
+declare const ChildDocumentSelect: {
+    (props: {
+        id: string;
+        /** 初始选中的 */
+        selected?: string | string[] | undefined;
+        /** 多选 */
+        multiple?: boolean | undefined;
+        style?: React.CSSProperties | undefined;
+        onChange?: ((doc?: IDocument | IDocument[] | undefined) => void | Promise<void>) | undefined;
+    }): JSX.Element;
+    defaultProps: {
+        multiple: boolean;
+        style: {
+            width: string;
+        };
+    };
+};
+export default ChildDocumentSelect;

package/es/controls/ChildDocumentSelect/index.js

@@ -1,37 +1,37 @@
-import { useDocumentListEffect } from "@voplus/morpho-document-core";
-import React from "react";
-import { Select } from "@voplus/antd";
-import { observe } from "@voplus/morpho-ui";
-import { useCreateListDataState } from "@voplus/morpho-ui/es/data";
-import { useRenderOnChange } from "@voplus/morpho-ui";
-const ChildDocumentSelect = (props) => {
-    const { id, selected, multiple, style, onChange } = props;
-    const list = useCreateListDataState({
-        filterDefaults: {
-            page: { Page: 1, PageSize: 200 },
-            filters: [{ c: "ParentNodeId", o: "=", l: "And", v1: id }],
-        },
-    }, [id]);
-    /** 如果 list.filters.useDocumentActivityListEffect 可以接收新参数*/
-    useRenderOnChange(() => list.filters.options);
-    /** useActivityListEffect,使之可以自動更新loading, hasmore. */
-    useDocumentListEffect(list, (result) => list.union(result), list.filters.options);
-    return observe(() => (React.createElement(Select, { showSearch: true, allowClear: true, defaultOpen: true, style: style, defaultValue: selected, placeholder: "Please Select Document", ...(!!multiple ? { mode: "multiple" } : {}), onChange: onSelect, loading: list.loading, filterOption: (input, option) => {
-            var _a;
-            return ((_a = option === null || option === void 0 ? void 0 : option.children) === null || _a === void 0 ? void 0 : _a.toLowerCase().indexOf(input.toLowerCase())) >= 0;
-        }, dropdownStyle: { backgroundColor: "#fff" } }, list.data.map((doc) => (React.createElement(Select.Option, { value: doc.id, key: doc.id }, doc.name))))));
-    /** select child document */
-    async function onSelect(value) {
-        const doc = multiple
-            ? list.data.filter((d) => value.some((v) => d.id !== v))
-            : list.data.find((x) => x.id === value);
-        if (doc)
-            await (onChange === null || onChange === void 0 ? void 0 : onChange(doc));
-    }
-};
-ChildDocumentSelect.defaultProps = {
-    multiple: true,
-    style: { width: "100%" },
-};
-export default ChildDocumentSelect;
+import { useDocumentListEffect } from "@voplus/morpho-document-core";
+import React from "react";
+import { Select } from "@voplus/antd";
+import { observe } from "@voplus/morpho-ui";
+import { useCreateListDataState } from "@voplus/morpho-ui/es/data";
+import { useRenderOnChange } from "@voplus/morpho-ui";
+const ChildDocumentSelect = (props) => {
+    const { id, selected, multiple, style, onChange } = props;
+    const list = useCreateListDataState({
+        filterDefaults: {
+            page: { Page: 1, PageSize: 200 },
+            filters: [{ c: "ParentNodeId", o: "=", l: "And", v1: id }],
+        },
+    }, [id]);
+    /** 如果 list.filters.useDocumentActivityListEffect 可以接收新参数*/
+    useRenderOnChange(() => list.filters.options);
+    /** useActivityListEffect,使之可以自動更新loading, hasmore. */
+    useDocumentListEffect(list, (result) => list.union(result), list.filters.options);
+    return observe(() => (React.createElement(Select, { showSearch: true, allowClear: true, defaultOpen: true, style: style, defaultValue: selected, placeholder: "Please Select Document", ...(!!multiple ? { mode: "multiple" } : {}), onChange: onSelect, loading: list.loading, filterOption: (input, option) => {
+            var _a;
+            return ((_a = option === null || option === void 0 ? void 0 : option.children) === null || _a === void 0 ? void 0 : _a.toLowerCase().indexOf(input.toLowerCase())) >= 0;
+        }, dropdownStyle: { backgroundColor: "#fff" } }, list.data.map((doc) => (React.createElement(Select.Option, { value: doc.id, key: doc.id }, doc.name))))));
+    /** select child document */
+    async function onSelect(value) {
+        const doc = multiple
+            ? list.data.filter((d) => value.some((v) => d.id !== v))
+            : list.data.find((x) => x.id === value);
+        if (doc)
+            await (onChange === null || onChange === void 0 ? void 0 : onChange(doc));
+    }
+};
+ChildDocumentSelect.defaultProps = {
+    multiple: true,
+    style: { width: "100%" },
+};
+export default ChildDocumentSelect;
 //# sourceMappingURL=index.js.map

package/es/controls/DataIconBar/DataIconState.d.ts

@@ -1,34 +1,34 @@
-import { DocumentStore, EditDocumentOptions } from "@voplus/morpho-document-core";
-import { ReactNode } from "react";
-export declare type DataIconBarProps = {
-    children?: ReactNode | ReactNode[];
-    /** visible icons */
-    visible?: boolean;
-    /** props click function */
-    onClick?: (key: string) => void;
-};
-export interface IDataIconState {
-    /** 暂时无用 */
-    id?: string;
-}
-export declare class DataIconBarState {
-    private store;
-    private props;
-    /** Current icons states. */
-    private states;
-    id: string;
-    constructor(store: DocumentStore, props: DataIconBarProps);
-    /** Try to get an existing icons state or create a new one if it's not already exists.
-     * @param key - Key of the icons state.
-     * @param factory - factor to create a new option state.
-     */
-    getState<T extends IDataIconState>(key: string, factory: () => T): T;
-    /** Edit document */
-    save(id: string, options: EditDocumentOptions): Promise<void>;
-    /** Click function for each icon */
-    onClick(key: string): void;
-}
-/** React context for DataIconState. */
-export declare const DataIconBarContext: import("react").Context<DataIconBarState>;
-/** React hook to retrieve the nearest DataIconBarContext. */
-export declare const useDataIconBarContext: () => DataIconBarState;
+import { DocumentStore, EditDocumentOptions } from "@voplus/morpho-document-core";
+import { ReactNode } from "react";
+export declare type DataIconBarProps = {
+    children?: ReactNode | ReactNode[];
+    /** visible icons */
+    visible?: boolean;
+    /** props click function */
+    onClick?: (key: string) => void;
+};
+export interface IDataIconState {
+    /** 暂时无用 */
+    id?: string;
+}
+export declare class DataIconBarState {
+    private store;
+    private props;
+    /** Current icons states. */
+    private states;
+    id: string;
+    constructor(store: DocumentStore, props: DataIconBarProps);
+    /** Try to get an existing icons state or create a new one if it's not already exists.
+     * @param key - Key of the icons state.
+     * @param factory - factor to create a new option state.
+     */
+    getState<T extends IDataIconState>(key: string, factory: () => T): T;
+    /** Edit document */
+    save(id: string, options: EditDocumentOptions): Promise<void>;
+    /** Click function for each icon */
+    onClick(key: string): void;
+}
+/** React context for DataIconState. */
+export declare const DataIconBarContext: import("react").Context<DataIconBarState>;
+/** React hook to retrieve the nearest DataIconBarContext. */
+export declare const useDataIconBarContext: () => DataIconBarState;