@voplus/morpho-document 1.4.100 → 1.4.102

package/es/controls/data-icons/DocumentDataIcon/index.less

@@ -0,0 +1,11 @@
+.documents-data-icon_popover {
+	:global {
+		.ant-popover-inner-content {
+			padding: 0;
+			.documents-container {
+				width: 300px;
+				height: 30vh;
+			}
+		}
+	}
+}

package/es/controls/data-icons/DocumentPathDataIcon/Content.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-declare const Content: (props: {
-    /** id of document */
-    id: string;
-    onHide?: () => void;
-}) => JSX.Element;
-export default Content;
+/// <reference types="react" />
+declare const Content: (props: {
+    /** id of document */
+    id: string;
+    onHide?: () => void;
+}) => JSX.Element;
+export default Content;

package/es/controls/data-icons/DocumentPathDataIcon/Content.js

@@ -1,26 +1,26 @@
-import { useDocument } from "@voplus/morpho-document-core";
-import { Empty } from "@voplus/antd";
-import React from "react";
-import SimpleDocumentItem from "../../../components/DocumentItem/SimpleDocumentItem";
-import { observe } from "@voplus/morpho-ui";
-const Content = (props) => {
-    const { id } = props;
-    const document = useDocument(id, {
-        reload: (i) => !i.path,
-        includes: "path",
-    });
-    return observe(() => {
-        var _a, _b;
-        return (React.createElement("div", { className: "path-container" }, ((_a = document.path) === null || _a === void 0 ? void 0 : _a.length) ? ((_b = document.path) === null || _b === void 0 ? void 0 : _b.map((item) => (React.createElement("div", { key: item.id, onClick: hide, className: "item-frame" },
-            React.createElement(SimpleDocumentItem, { id: item.id }))))) : (React.createElement("div", { className: "path-item" },
-            React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE, description: "No Path" })))));
-    });
-    /** 隐藏Popover */
-    function hide(ev) {
-        var _a;
-        ev.stopPropagation();
-        (_a = props.onHide) === null || _a === void 0 ? void 0 : _a.call(props);
-    }
-};
-export default Content;
+import { useDocument } from "@voplus/morpho-document-core";
+import { Empty } from "@voplus/antd";
+import React from "react";
+import SimpleDocumentItem from "../../../components/DocumentItem/SimpleDocumentItem";
+import { observe } from "@voplus/morpho-ui";
+const Content = (props) => {
+    const { id } = props;
+    const document = useDocument(id, {
+        reload: (i) => !i.path,
+        includes: "path",
+    });
+    return observe(() => {
+        var _a, _b;
+        return (React.createElement("div", { className: "path-container" }, ((_a = document.path) === null || _a === void 0 ? void 0 : _a.length) ? ((_b = document.path) === null || _b === void 0 ? void 0 : _b.map((item) => (React.createElement("div", { key: item.id, onClick: hide, className: "item-frame" },
+            React.createElement(SimpleDocumentItem, { id: item.id }))))) : (React.createElement("div", { className: "path-item" },
+            React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE, description: "No Path" })))));
+    });
+    /** 隐藏Popover */
+    function hide(ev) {
+        var _a;
+        ev.stopPropagation();
+        (_a = props.onHide) === null || _a === void 0 ? void 0 : _a.call(props);
+    }
+};
+export default Content;
 //# sourceMappingURL=Content.js.map

package/es/controls/data-icons/DocumentPathDataIcon/index.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-declare const DocumentPathDataIcon: (props: {
-    /** id of document */
-    id: string;
-}) => JSX.Element;
-export default DocumentPathDataIcon;
+/// <reference types="react" />
+declare const DocumentPathDataIcon: (props: {
+    /** id of document */
+    id: string;
+}) => JSX.Element;
+export default DocumentPathDataIcon;

package/es/controls/data-icons/DocumentPathDataIcon/index.js

@@ -1,24 +1,24 @@
-import React, { useState } from "react";
-import Content from "./Content";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import { Popover } from "@voplus/antd";
-import { faFolderTree } from "@fortawesome/pro-light-svg-icons";
-import { observe } from "@voplus/morpho-ui";
-import styles from "./index.less";
-const DocumentPathDataIcon = (props) => {
-    const { id } = props;
-    const [visible, setVisible] = useState(false);
-    return observe(() => (React.createElement(Popover, { placement: "bottom", title: "Document Paths", overlayClassName: styles["path-data-icon_popover"], visible: visible, onVisibleChange: handleVisibleChange, content: React.createElement(Content, { id: id, onHide: hide }) },
-        React.createElement("span", { className: "data-icon" },
-            React.createElement(FAIcon, { icon: faFolderTree })))));
-    /** 显示隐藏的回调 */
-    function handleVisibleChange(vi) {
-        setVisible(vi);
-    }
-    /** 隐藏Popover */
-    function hide() {
-        setVisible(false);
-    }
-};
-export default DocumentPathDataIcon;
+import React, { useState } from "react";
+import Content from "./Content";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { Popover } from "@voplus/antd";
+import { faFolderTree } from "@fortawesome/pro-light-svg-icons";
+import { observe } from "@voplus/morpho-ui";
+import styles from "./index.less";
+const DocumentPathDataIcon = (props) => {
+    const { id } = props;
+    const [visible, setVisible] = useState(false);
+    return observe(() => (React.createElement(Popover, { placement: "bottom", title: "Document Paths", overlayClassName: styles["path-data-icon_popover"], visible: visible, onVisibleChange: handleVisibleChange, content: React.createElement(Content, { id: id, onHide: hide }) },
+        React.createElement("span", { className: "data-icon" },
+            React.createElement(FAIcon, { icon: faFolderTree })))));
+    /** 显示隐藏的回调 */
+    function handleVisibleChange(vi) {
+        setVisible(vi);
+    }
+    /** 隐藏Popover */
+    function hide() {
+        setVisible(false);
+    }
+};
+export default DocumentPathDataIcon;
 //# sourceMappingURL=index.js.map

package/es/controls/data-icons/DocumentPathDataIcon/index.less

@@ -0,0 +1,17 @@
+@import "../../../components/styles/common.less";
+
+.path-data-icon_popover {
+	:global {
+		.ant-popover-inner-content {
+			padding: 0;
+			.path-container {
+				width: 300px;
+				.item-frame {
+					&:hover {
+						background-color: #f3f1f1;
+					}
+				}
+			}
+		}
+	}
+}

package/es/controls/data-icons/FlagIcon/index.d.ts

@@ -1,18 +1,18 @@
-/// <reference types="react" />
-import "./index.less";
-declare const FlagIcon: {
-    (props: {
-        id: string;
-        editable?: boolean | undefined;
-        flag?: "None" | "Star" | "Urgent" | undefined;
-        icon?: any;
-        color?: string | undefined;
-        size?: "lg" | "sm" | "xs" | undefined;
-        className?: string | undefined;
-        onchange?: ((params?: any) => void) | undefined;
-    }): JSX.Element;
-    defaultProps: {
-        editable: boolean;
-    };
-};
-export default FlagIcon;
+/// <reference types="react" />
+import "./index.less";
+declare const FlagIcon: {
+    (props: {
+        id: string;
+        editable?: boolean | undefined;
+        flag?: "None" | "Star" | "Urgent" | undefined;
+        icon?: any;
+        color?: string | undefined;
+        size?: "lg" | "sm" | "xs" | undefined;
+        className?: string | undefined;
+        onchange?: ((params?: any) => void) | undefined;
+    }): JSX.Element;
+    defaultProps: {
+        editable: boolean;
+    };
+};
+export default FlagIcon;

package/es/controls/data-icons/FlagIcon/index.js

@@ -1,58 +1,58 @@
-import "./index.less";
-import { Dropdown, Menu } from "@voplus/antd";
-import React, { useEffect, useState } from "react";
-import { faExclamationCircle, faStar } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import classnames from "classnames";
-import { faCircle } from "@fortawesome/pro-light-svg-icons";
-import { library } from "@fortawesome/fontawesome-svg-core";
-import { observe } from "@voplus/morpho-ui";
-import { useDocumentStore } from "@voplus/morpho-document-core";
-library.add(faStar, faCircle, faExclamationCircle);
-const FlagIcon = (props) => {
-    const documentStore = useDocumentStore();
-    const { id, editable } = props;
-    const [icon, setIcon] = useState(props.icon);
-    const [flag, setFlag] = useState(props.flag);
-    const onClick = ({ key }) => {
-        if (props.icon) {
-            setIcon(null);
-            setFlag(key);
-        }
-        else {
-            documentStore.edit(id, { data: { Flag: key }, error: "message" });
-        }
-    };
-    const NoIndicatorElement = React.createElement(FAIcon, { icon: ["fas", "star"], color: "#777", size: props.size });
-    const StarElement = React.createElement(FAIcon, { icon: ["fas", "star"], color: "#fd7e14", size: props.size });
-    const UrgentElement = (React.createElement(FAIcon, { icon: ["fas", "exclamation-circle"], size: props.size, color: "#ff4d4f" }));
-    const menu = observe(() => (React.createElement(Menu, { onClick: onClick, className: "flag-menu" },
-        React.createElement(Menu.Item, { key: "None" },
-            NoIndicatorElement,
-            "No Indicator"),
-        React.createElement(Menu.Item, { key: "Star" },
-            StarElement,
-            "Star"),
-        React.createElement(Menu.Item, { key: "Urgent" },
-            UrgentElement,
-            "Urgent"))));
-    const flagIcon = () => {
-        if (icon)
-            return icon;
-        if (flag === "Star")
-            return StarElement;
-        if (flag === "Urgent")
-            return UrgentElement;
-        return NoIndicatorElement;
-    };
-    useEffect(() => {
-        setFlag(props.flag);
-    }, [props.flag]);
-    return observe(() => (React.createElement(React.Fragment, null, editable ? (React.createElement(Dropdown, { overlay: menu, trigger: ["click", "hover"] },
-        React.createElement("span", { className: classnames("flag-icon", props.className) }, flagIcon()))) : (React.createElement("span", { className: classnames("flag-icon", "readonly", props.className) }, flagIcon())))));
-};
-FlagIcon.defaultProps = {
-    editable: true,
-};
-export default FlagIcon;
+import "./index.less";
+import { Dropdown, Menu } from "@voplus/antd";
+import React, { useEffect, useState } from "react";
+import { faExclamationCircle, faStar } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import classnames from "classnames";
+import { faCircle } from "@fortawesome/pro-light-svg-icons";
+import { library } from "@fortawesome/fontawesome-svg-core";
+import { observe } from "@voplus/morpho-ui";
+import { useDocumentStore } from "@voplus/morpho-document-core";
+library.add(faStar, faCircle, faExclamationCircle);
+const FlagIcon = (props) => {
+    const documentStore = useDocumentStore();
+    const { id, editable } = props;
+    const [icon, setIcon] = useState(props.icon);
+    const [flag, setFlag] = useState(props.flag);
+    const onClick = ({ key }) => {
+        if (props.icon) {
+            setIcon(null);
+            setFlag(key);
+        }
+        else {
+            documentStore.edit(id, { data: { Flag: key }, error: "message" });
+        }
+    };
+    const NoIndicatorElement = React.createElement(FAIcon, { icon: ["fas", "star"], color: "#777", size: props.size });
+    const StarElement = React.createElement(FAIcon, { icon: ["fas", "star"], color: "#fd7e14", size: props.size });
+    const UrgentElement = (React.createElement(FAIcon, { icon: ["fas", "exclamation-circle"], size: props.size, color: "#ff4d4f" }));
+    const menu = observe(() => (React.createElement(Menu, { onClick: onClick, className: "flag-menu" },
+        React.createElement(Menu.Item, { key: "None" },
+            NoIndicatorElement,
+            "No Indicator"),
+        React.createElement(Menu.Item, { key: "Star" },
+            StarElement,
+            "Star"),
+        React.createElement(Menu.Item, { key: "Urgent" },
+            UrgentElement,
+            "Urgent"))));
+    const flagIcon = () => {
+        if (icon)
+            return icon;
+        if (flag === "Star")
+            return StarElement;
+        if (flag === "Urgent")
+            return UrgentElement;
+        return NoIndicatorElement;
+    };
+    useEffect(() => {
+        setFlag(props.flag);
+    }, [props.flag]);
+    return observe(() => (React.createElement(React.Fragment, null, editable ? (React.createElement(Dropdown, { overlay: menu, trigger: ["click", "hover"] },
+        React.createElement("span", { className: classnames("flag-icon", props.className) }, flagIcon()))) : (React.createElement("span", { className: classnames("flag-icon", "readonly", props.className) }, flagIcon())))));
+};
+FlagIcon.defaultProps = {
+    editable: true,
+};
+export default FlagIcon;
 //# sourceMappingURL=index.js.map

package/es/controls/data-icons/FlagIcon/index.less

@@ -0,0 +1,20 @@
+@import "~@voplus/antd/es/style/themes/default.less";
+:global {
+	.flag-icon {
+		cursor: pointer;
+
+		.svg-inline--fa:hover {
+			opacity: 0.5;
+			// color: @primary-color !important;
+		}
+		&.readonly {
+			cursor: default;
+		}
+	}
+	.flag-menu {
+		.svg-inline--fa {
+			margin-right: 10px;
+			font-size: 15px;
+		}
+	}
+}

package/es/controls/data-icons/UserQuickIcon/index.d.ts

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

package/es/controls/data-icons/UserQuickIcon/index.js

@@ -1,19 +1,19 @@
-import AvatarItem from "@voplus/morpho-org/es/components/AvatarList/AvatarItem";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import { Popover } from "@voplus/antd";
-import React from "react";
-import { faUsers } from "@fortawesome/pro-light-svg-icons";
-import { observe } from "@voplus/morpho-ui";
-import { useDocument } from "@voplus/morpho-document-core";
-const UserQuickIcon = (props) => {
-    const { id } = props;
-    const document = useDocument(id);
-    return observe(() => (React.createElement(React.Fragment, null, !!(document.users && document.users.length) ? (React.createElement(Popover, { placement: "bottom", title: "Readers", content: React.createElement(React.Fragment, null, document.users.map((user, index) => (React.createElement(AvatarItem, { id: user.id, key: user.id, index: index })))) },
-        React.createElement("span", { className: "data-icon" },
-            React.createElement(FAIcon, { icon: faUsers }),
-            document.users.length))) : (React.createElement("span", { className: "data-icon" },
-        React.createElement(FAIcon, { icon: faUsers }),
-        "0")))));
-};
-export default UserQuickIcon;
+import AvatarItem from "@voplus/morpho-org/es/components/AvatarList/AvatarItem";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { Popover } from "@voplus/antd";
+import React from "react";
+import { faUsers } from "@fortawesome/pro-light-svg-icons";
+import { observe } from "@voplus/morpho-ui";
+import { useDocument } from "@voplus/morpho-document-core";
+const UserQuickIcon = (props) => {
+    const { id } = props;
+    const document = useDocument(id);
+    return observe(() => (React.createElement(React.Fragment, null, !!(document.users && document.users.length) ? (React.createElement(Popover, { placement: "bottom", title: "Readers", content: React.createElement(React.Fragment, null, document.users.map((user, index) => (React.createElement(AvatarItem, { id: user.id, key: user.id, index: index })))) },
+        React.createElement("span", { className: "data-icon" },
+            React.createElement(FAIcon, { icon: faUsers }),
+            document.users.length))) : (React.createElement("span", { className: "data-icon" },
+        React.createElement(FAIcon, { icon: faUsers }),
+        "0")))));
+};
+export default UserQuickIcon;
 //# sourceMappingURL=index.js.map

package/es/controls/data-icons/index.d.ts

@@ -1,7 +1,7 @@
-export { default as CommentDataIcon } from "./CommentDataIcon";
-export { default as DocumentDataIcon } from "./DocumentDataIcon";
-export { default as DateQuickIcon } from "./DateQuickIcon";
-export { default as UserQuickIcon } from "./UserQuickIcon";
-export { default as DescriptionDataIcon } from "./DescriptionDataIcon";
-export { default as DocumentPathDataIcon } from "./DocumentPathDataIcon";
-export { default as FlagIcon } from "./FlagIcon";
+export { default as CommentDataIcon } from "./CommentDataIcon";
+export { default as DocumentDataIcon } from "./DocumentDataIcon";
+export { default as DateQuickIcon } from "./DateQuickIcon";
+export { default as UserQuickIcon } from "./UserQuickIcon";
+export { default as DescriptionDataIcon } from "./DescriptionDataIcon";
+export { default as DocumentPathDataIcon } from "./DocumentPathDataIcon";
+export { default as FlagIcon } from "./FlagIcon";

package/es/controls/data-icons/index.js

@@ -1,8 +1,8 @@
-export { default as CommentDataIcon } from "./CommentDataIcon";
-export { default as DocumentDataIcon } from "./DocumentDataIcon";
-export { default as DateQuickIcon } from "./DateQuickIcon";
-export { default as UserQuickIcon } from "./UserQuickIcon";
-export { default as DescriptionDataIcon } from "./DescriptionDataIcon";
-export { default as DocumentPathDataIcon } from "./DocumentPathDataIcon";
-export { default as FlagIcon } from "./FlagIcon";
+export { default as CommentDataIcon } from "./CommentDataIcon";
+export { default as DocumentDataIcon } from "./DocumentDataIcon";
+export { default as DateQuickIcon } from "./DateQuickIcon";
+export { default as UserQuickIcon } from "./UserQuickIcon";
+export { default as DescriptionDataIcon } from "./DescriptionDataIcon";
+export { default as DocumentPathDataIcon } from "./DocumentPathDataIcon";
+export { default as FlagIcon } from "./FlagIcon";
 //# sourceMappingURL=index.js.map

package/es/controls/filters/CreateDateFilter/index.d.ts

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

package/es/controls/filters/CreateDateFilter/index.js

@@ -1,24 +1,24 @@
-import { Badge, DatePicker } from "@voplus/antd";
-import React from "react";
-import { State } from "./state";
-import classnames from "classnames";
-import { dateMenus } from "@voplus/morpho-ui/es/controls/FilterView/menus";
-import { observe } from "@voplus/morpho-ui";
-import { toJS } from "mobx";
-import { useFilterOptionsContext } from "@voplus/morpho-ui/es/data";
-const CreateDateFilter = () => {
-    /** 引入父組件的 FilterOptionsContextState */
-    const context = useFilterOptionsContext();
-    /** 尝试从 context 取得 State, 如果没有的话context会使用第二个factory参数创建一个State. */
-    const state = context.getFilterState("CreateDate", () => new State());
-    return observe(() => (React.createElement("div", null,
-        React.createElement("div", { className: "menu-item-title" }, "CreateDate"),
-        React.createElement(DatePicker.RangePicker, { value: state.createDate, suffixIcon: null, className: "filter-date-picker", allowEmpty: [true, true], onChange: (dates) => (state.createDate = dates) }),
-        dateMenus.map((item, index) => (React.createElement("div", { key: index, className: classnames("filter-menu-item", {
-                bold: JSON.stringify(toJS(state.createDate)) === JSON.stringify(item.value),
-            }), onClick: () => (state.createDate = item.value) },
-            React.createElement("div", { className: "filter-name" }, item.name),
-            item.name === "Today" ? (React.createElement(Badge, { style: item.style, count: item.counts, showZero: true })) : (React.createElement("span", null, item.counts))))))));
-};
-export default CreateDateFilter;
+import { Badge, DatePicker } from "@voplus/antd";
+import React from "react";
+import { State } from "./state";
+import classnames from "classnames";
+import { dateMenus } from "@voplus/morpho-ui/es/controls/FilterView/menus";
+import { observe } from "@voplus/morpho-ui";
+import { toJS } from "mobx";
+import { useFilterOptionsContext } from "@voplus/morpho-ui/es/data";
+const CreateDateFilter = () => {
+    /** 引入父組件的 FilterOptionsContextState */
+    const context = useFilterOptionsContext();
+    /** 尝试从 context 取得 State, 如果没有的话context会使用第二个factory参数创建一个State. */
+    const state = context.getFilterState("CreateDate", () => new State());
+    return observe(() => (React.createElement("div", null,
+        React.createElement("div", { className: "menu-item-title" }, "CreateDate"),
+        React.createElement(DatePicker.RangePicker, { value: state.createDate, suffixIcon: null, className: "filter-date-picker", allowEmpty: [true, true], onChange: (dates) => (state.createDate = dates) }),
+        dateMenus.map((item, index) => (React.createElement("div", { key: index, className: classnames("filter-menu-item", {
+                bold: JSON.stringify(toJS(state.createDate)) === JSON.stringify(item.value),
+            }), onClick: () => (state.createDate = item.value) },
+            React.createElement("div", { className: "filter-name" }, item.name),
+            item.name === "Today" ? (React.createElement(Badge, { style: item.style, count: item.counts, showZero: true })) : (React.createElement("span", null, item.counts))))))));
+};
+export default CreateDateFilter;
 //# sourceMappingURL=index.js.map

package/es/controls/filters/CreateDateFilter/state.d.ts

@@ -1,12 +1,12 @@
-import { Moment } from "moment";
-import { FilterOption } from "@voplus/morpho-data";
-import { IFilterState } from "@voplus/morpho-ui/es/data";
-import { RangeValue } from "rc-picker/es/interface";
-/** CretaeDate的 State, 实现 IFilterState 接口 */
-export declare class State implements IFilterState {
-    createDate: RangeValue<Moment>;
-    constructor();
-    /** 视乎State内容，返回正确的FilterOption[]. 在Filter时，Context 会使用此属性replace Context内FilterOption的资料。 */
-    get filters(): FilterOption[];
-    reset(): void;
-}
+import { Moment } from "moment";
+import { FilterOption } from "@voplus/morpho-data";
+import { IFilterState } from "@voplus/morpho-ui/es/data";
+import { RangeValue } from "rc-picker/es/interface";
+/** CretaeDate的 State, 实现 IFilterState 接口 */
+export declare class State implements IFilterState {
+    createDate: RangeValue<Moment>;
+    constructor();
+    /** 视乎State内容，返回正确的FilterOption[]. 在Filter时，Context 会使用此属性replace Context内FilterOption的资料。 */
+    get filters(): FilterOption[];
+    reset(): void;
+}

package/es/controls/filters/CreateDateFilter/state.js

@@ -1,40 +1,40 @@
-import { __decorate } from "tslib";
-import { makeObservable, observable } from "mobx";
-import moment from "moment";
-/** CretaeDate的 State, 实现 IFilterState 接口 */
-export class State {
-    constructor() {
-        Object.defineProperty(this, "createDate", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        makeObservable(this);
-        this.reset();
-    }
-    /** 视乎State内容，返回正确的FilterOption[]. 在Filter时，Context 会使用此属性replace Context内FilterOption的资料。 */
-    get filters() {
-        var _a, _b, _c, _d, _e, _f;
-        if (((_a = this.createDate) === null || _a === void 0 ? void 0 : _a[0]) === null && ((_b = this.createDate) === null || _b === void 0 ? void 0 : _b[1]) === null)
-            return [];
-        const start = (_d = (_c = this.createDate) === null || _c === void 0 ? void 0 : _c[0]) !== null && _d !== void 0 ? _d : moment({ year: 1753, month: 1, day: 1 });
-        const end = (_f = (_e = this.createDate) === null || _e === void 0 ? void 0 : _e[1]) !== null && _f !== void 0 ? _f : moment({ year: 9999, month: 12, day: 31 });
-        return [
-            {
-                c: "CreateDate",
-                o: "between",
-                l: "And",
-                v1: start.startOf("days").format("YYYY-MM-DD HH:mm:ss"),
-                v2: end.startOf("days").format("YYYY-MM-DD HH:mm:ss"),
-            },
-        ];
-    }
-    reset() {
-        this.createDate = [null, null];
-    }
-}
-__decorate([
-    observable
-], State.prototype, "createDate", void 0);
+import { __decorate } from "tslib";
+import { makeObservable, observable } from "mobx";
+import moment from "moment";
+/** CretaeDate的 State, 实现 IFilterState 接口 */
+export class State {
+    constructor() {
+        Object.defineProperty(this, "createDate", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        makeObservable(this);
+        this.reset();
+    }
+    /** 视乎State内容，返回正确的FilterOption[]. 在Filter时，Context 会使用此属性replace Context内FilterOption的资料。 */
+    get filters() {
+        var _a, _b, _c, _d, _e, _f;
+        if (((_a = this.createDate) === null || _a === void 0 ? void 0 : _a[0]) === null && ((_b = this.createDate) === null || _b === void 0 ? void 0 : _b[1]) === null)
+            return [];
+        const start = (_d = (_c = this.createDate) === null || _c === void 0 ? void 0 : _c[0]) !== null && _d !== void 0 ? _d : moment({ year: 1753, month: 1, day: 1 });
+        const end = (_f = (_e = this.createDate) === null || _e === void 0 ? void 0 : _e[1]) !== null && _f !== void 0 ? _f : moment({ year: 9999, month: 12, day: 31 });
+        return [
+            {
+                c: "CreateDate",
+                o: "between",
+                l: "And",
+                v1: start.startOf("days").format("YYYY-MM-DD HH:mm:ss"),
+                v2: end.startOf("days").format("YYYY-MM-DD HH:mm:ss"),
+            },
+        ];
+    }
+    reset() {
+        this.createDate = [null, null];
+    }
+}
+__decorate([
+    observable
+], State.prototype, "createDate", void 0);
 //# sourceMappingURL=state.js.map

package/es/controls/filters/DocumentStatusFilter/index.d.ts

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