@voplus/morpho-document 1.4.99 → 1.4.101

package/es/controls/TimeLog/index.js

@@ -1,73 +1,73 @@
-import { Avatar, Button, Dropdown, Input } from "@voplus/antd";
-import React, { useEffect, useState } from "react";
-import { faPlay, faStop } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import { faStopwatch } from "@fortawesome/pro-light-svg-icons";
-import moment from "moment";
-import styles from "./index.less";
-const TimeLog = (props) => {
-    const [visible, setVisible] = useState(false);
-    const [on, setOn] = useState(false);
-    const [times, setTimes] = useState(0);
-    useEffect(() => {
-        const timer = setInterval(() => {
-            if (on)
-                setTimes((times) => times + 1);
-        }, 1000);
-        return () => clearInterval(timer);
-    }, [on]);
-    // 计时时间不足两位补0显示
-    const appendZero = (time) => {
-        return Number.parseInt(time).toLocaleString("zh", { minimumIntegerDigits: 2 });
-    };
-    // 手动输入更改计数时间
-    const onChange = (type, e) => {
-        e.persist();
-        const value = e.target.value - 0;
-        if (type === "hour")
-            setTimes(value * 3600 + (times % 3600));
-        if (type === "minute")
-            setTimes(value * 60 + (times % 60));
-        if (type === "second")
-            setTimes(value + times - (times % 60));
-    };
-    // 清空
-    const onClear = () => {
-        setTimes(0);
-        setOn(false);
-    };
-    const handleVisibleChange = (flag) => {
-        setVisible(flag);
-    };
-    const hour = appendZero(times / 3600);
-    const minute = appendZero((times / 60) % 60);
-    const second = appendZero(times % 60);
-    return (React.createElement(Dropdown, { visible: visible, overlay: React.createElement("div", { className: styles["time-log"] },
-            React.createElement("div", { className: "time-header" },
-                React.createElement(Button, { type: "link", onClick: onClear }, "Clear"),
-                React.createElement(Button, { type: "link" }, "Record")),
-            React.createElement("div", { className: "timer" },
-                React.createElement(Input, { value: hour, maxLength: 3, onChange: onChange.bind(event, "hour") }),
-                ":",
-                React.createElement(Input, { value: minute, maxLength: 3, onChange: onChange.bind(event, "minute") }),
-                ":",
-                React.createElement(Input, { value: second, maxLength: 3, onChange: onChange.bind(event, "second") }),
-                React.createElement("span", { onClick: () => setOn(!on), className: "status-icon" },
-                    React.createElement(FAIcon, { icon: on ? faStop : faPlay, color: "#000" }))),
-            React.createElement("div", { className: "record-list" }, Array.from(new Array(3).keys()).map((item) => (React.createElement("div", { key: item, className: "record-item" },
-                React.createElement(Avatar, { size: "small" }, "Mn"),
-                React.createElement("div", { className: "record-time" },
-                    React.createElement("div", null,
-                        React.createElement("span", null, moment().format("YYYY-MM-DD")),
-                        " from",
-                        " ",
-                        React.createElement("span", null, moment().format("HH:mm")),
-                        " to",
-                        " ",
-                        React.createElement("span", null, moment().format("HH:mm"))),
-                    React.createElement("div", null, "3 hours 4 minutes 4 seconds"))))))), trigger: ["click"], placement: "bottomCenter", onVisibleChange: handleVisibleChange },
-        React.createElement(Button, { shape: "circle", size: props.size },
-            React.createElement(FAIcon, { icon: faStopwatch }))));
-};
-export default TimeLog;
+import { Avatar, Button, Dropdown, Input } from "@voplus/antd";
+import React, { useEffect, useState } from "react";
+import { faPlay, faStop } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { faStopwatch } from "@fortawesome/pro-light-svg-icons";
+import moment from "moment";
+import styles from "./index.less";
+const TimeLog = (props) => {
+    const [visible, setVisible] = useState(false);
+    const [on, setOn] = useState(false);
+    const [times, setTimes] = useState(0);
+    useEffect(() => {
+        const timer = setInterval(() => {
+            if (on)
+                setTimes((times) => times + 1);
+        }, 1000);
+        return () => clearInterval(timer);
+    }, [on]);
+    // 计时时间不足两位补0显示
+    const appendZero = (time) => {
+        return Number.parseInt(time).toLocaleString("zh", { minimumIntegerDigits: 2 });
+    };
+    // 手动输入更改计数时间
+    const onChange = (type, e) => {
+        e.persist();
+        const value = e.target.value - 0;
+        if (type === "hour")
+            setTimes(value * 3600 + (times % 3600));
+        if (type === "minute")
+            setTimes(value * 60 + (times % 60));
+        if (type === "second")
+            setTimes(value + times - (times % 60));
+    };
+    // 清空
+    const onClear = () => {
+        setTimes(0);
+        setOn(false);
+    };
+    const handleVisibleChange = (flag) => {
+        setVisible(flag);
+    };
+    const hour = appendZero(times / 3600);
+    const minute = appendZero((times / 60) % 60);
+    const second = appendZero(times % 60);
+    return (React.createElement(Dropdown, { visible: visible, overlay: React.createElement("div", { className: styles["time-log"] },
+            React.createElement("div", { className: "time-header" },
+                React.createElement(Button, { type: "link", onClick: onClear }, "Clear"),
+                React.createElement(Button, { type: "link" }, "Record")),
+            React.createElement("div", { className: "timer" },
+                React.createElement(Input, { value: hour, maxLength: 3, onChange: onChange.bind(event, "hour") }),
+                ":",
+                React.createElement(Input, { value: minute, maxLength: 3, onChange: onChange.bind(event, "minute") }),
+                ":",
+                React.createElement(Input, { value: second, maxLength: 3, onChange: onChange.bind(event, "second") }),
+                React.createElement("span", { onClick: () => setOn(!on), className: "status-icon" },
+                    React.createElement(FAIcon, { icon: on ? faStop : faPlay, color: "#000" }))),
+            React.createElement("div", { className: "record-list" }, Array.from(new Array(3).keys()).map((item) => (React.createElement("div", { key: item, className: "record-item" },
+                React.createElement(Avatar, { size: "small" }, "Mn"),
+                React.createElement("div", { className: "record-time" },
+                    React.createElement("div", null,
+                        React.createElement("span", null, moment().format("YYYY-MM-DD")),
+                        " from",
+                        " ",
+                        React.createElement("span", null, moment().format("HH:mm")),
+                        " to",
+                        " ",
+                        React.createElement("span", null, moment().format("HH:mm"))),
+                    React.createElement("div", null, "3 hours 4 minutes 4 seconds"))))))), trigger: ["click"], placement: "bottomCenter", onVisibleChange: handleVisibleChange },
+        React.createElement(Button, { shape: "circle", size: props.size },
+            React.createElement(FAIcon, { icon: faStopwatch }))));
+};
+export default TimeLog;
 //# sourceMappingURL=index.js.map

package/es/controls/TimeLog/index.less

@@ -0,0 +1,91 @@
+@import "../../components/styles/common.less";
+.time-log {
+	position: relative;
+	margin-top: 8px;
+	background-color: #fff;
+	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+	:global {
+		.time-header {
+			display: flex;
+			justify-content: space-around;
+			padding: 1px 0;
+			background: #f5f5f5;
+			.ant-btn {
+				padding: 0;
+				color: #333;
+			}
+		}
+		.timer {
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			padding: 12px 25px;
+			.status-icon {
+				cursor: pointer;
+				margin-left: 10px;
+				font-size: 20px;
+			}
+			.ant-input {
+				width: 40px;
+				padding: 0;
+				border: 0;
+				text-align: center;
+				font-size: 22px;
+				color: #000;
+			}
+			.ant-input:focus {
+				box-shadow: none;
+				border: 0;
+			}
+		}
+		.record-list {
+			position: relative;
+			padding: 15px 15px 0 15px;
+			font-size: 13px;
+			line-height: 14px;
+			color: #666;
+			.record-item {
+				display: flex;
+				justify-content: space-around;
+			}
+			.ant-avatar {
+				margin-right: 10px;
+			}
+			.record-time {
+				padding-bottom: 15px;
+				> div + div {
+					padding-top: 5px;
+				}
+				span {
+					color: #000;
+				}
+			}
+		}
+		.record-list:before {
+			position: absolute;
+			content: "";
+			left: 0;
+			top: 0;
+			right: 0;
+			border-top: 1px #d9d9d9 solid;
+		}
+	}
+}
+.time-log:before,
+.time-log:after {
+	position: absolute;
+	content: "";
+	border-width: 6px;
+	top: -13px;
+	border-style: dashed solid solid dashed;
+}
+.time-log:before {
+	left: 50%;
+	margin-left: -6px;
+	border-color: transparent transparent #e4e7ed transparent;
+}
+.time-log:after {
+	left: 50%;
+	margin-left: -5px;
+	border-color: transparent transparent #f5f5f5 transparent;
+}

package/es/controls/ToolBar/ToolBar2.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-import "./index.less";
-import { ToolBarProps } from "./ToolBarState";
-declare const Toolbar: {
-    (props: ToolBarProps): JSX.Element;
-    defaultProps: {
-        showMenu: boolean;
-    };
-};
-export default Toolbar;
+/// <reference types="react" />
+import "./index.less";
+import { ToolBarProps } from "./ToolBarState";
+declare const Toolbar: {
+    (props: ToolBarProps): JSX.Element;
+    defaultProps: {
+        showMenu: boolean;
+    };
+};
+export default Toolbar;

package/es/controls/ToolBar/ToolBar2.js

@@ -1,20 +1,20 @@
-import "./index.less";
-import React, { useState } from "react";
-import { ToolBarContext, ToolBarState } from "./ToolBarState";
-import { More } from "./buttons";
-import { observe } from "@voplus/morpho-ui";
-import { useDocumentStore } from "@voplus/morpho-document-core";
-const Toolbar = (props) => {
-    const { children, visible, showMenu, moreProps: dropDownMenuProps } = props;
-    const store = useDocumentStore();
-    const [state] = useState(new ToolBarState(store));
-    state.props = props;
-    return observe(() => (React.createElement(ToolBarContext.Provider, { value: state }, visible !== false ? (React.createElement("span", { className: "tool-bar" },
-        children,
-        showMenu && React.createElement(More, { ...dropDownMenuProps }))) : (React.createElement(React.Fragment, null)))));
-};
-Toolbar.defaultProps = {
-    showMenu: true,
-};
-export default Toolbar;
+import "./index.less";
+import React, { useState } from "react";
+import { ToolBarContext, ToolBarState } from "./ToolBarState";
+import { More } from "./buttons";
+import { observe } from "@voplus/morpho-ui";
+import { useDocumentStore } from "@voplus/morpho-document-core";
+const Toolbar = (props) => {
+    const { children, visible, showMenu, moreProps: dropDownMenuProps } = props;
+    const store = useDocumentStore();
+    const [state] = useState(new ToolBarState(store));
+    state.props = props;
+    return observe(() => (React.createElement(ToolBarContext.Provider, { value: state }, visible !== false ? (React.createElement("span", { className: "tool-bar" },
+        children,
+        showMenu && React.createElement(More, { ...dropDownMenuProps }))) : (React.createElement(React.Fragment, null)))));
+};
+Toolbar.defaultProps = {
+    showMenu: true,
+};
+export default Toolbar;
 //# sourceMappingURL=ToolBar2.js.map

package/es/controls/ToolBar/ToolBarState.d.ts

@@ -1,36 +1,36 @@
-import { ReactNode } from "react";
-import { DocumentStore } from "@voplus/morpho-document-core";
-import { MoreButtonProps } from "./buttons/More";
-export declare type ToolBarProps = {
-    /** id of document */
-    id?: string;
-    children?: ReactNode;
-    /** show toolbar */
-    visible?: boolean;
-    /** show drop down menu */
-    showMenu?: boolean;
-    /** Props for dropd */
-    moreProps?: MoreButtonProps;
-};
-export interface IToolBarState {
-    disabled?: boolean;
-}
-export declare class ToolBarState {
-    store: DocumentStore;
-    /** Current tools states. */
-    private states;
-    props: ToolBarProps;
-    constructor(store: DocumentStore);
-    /** 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 IToolBarState>(key: string, factory: () => T): T;
-    /** id */
-    get id(): string;
-    collapsed: boolean;
-}
-/** React context for ToolBarState. */
-export declare const ToolBarContext: import("react").Context<ToolBarState>;
-/** React hook to retrieve the nearest ToolBarContext. */
-export declare const useToolBarContext: () => ToolBarState;
+import { ReactNode } from "react";
+import { DocumentStore } from "@voplus/morpho-document-core";
+import { MoreButtonProps } from "./buttons/More";
+export declare type ToolBarProps = {
+    /** id of document */
+    id?: string;
+    children?: ReactNode;
+    /** show toolbar */
+    visible?: boolean;
+    /** show drop down menu */
+    showMenu?: boolean;
+    /** Props for dropd */
+    moreProps?: MoreButtonProps;
+};
+export interface IToolBarState {
+    disabled?: boolean;
+}
+export declare class ToolBarState {
+    store: DocumentStore;
+    /** Current tools states. */
+    private states;
+    props: ToolBarProps;
+    constructor(store: DocumentStore);
+    /** 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 IToolBarState>(key: string, factory: () => T): T;
+    /** id */
+    get id(): string;
+    collapsed: boolean;
+}
+/** React context for ToolBarState. */
+export declare const ToolBarContext: import("react").Context<ToolBarState>;
+/** React hook to retrieve the nearest ToolBarContext. */
+export declare const useToolBarContext: () => ToolBarState;

package/es/controls/ToolBar/ToolBarState.js

@@ -1,57 +1,57 @@
-import { __decorate } from "tslib";
-import { createContext, useContext } from "react";
-import { computed, makeObservable, observable } from "mobx";
-export class ToolBarState {
-    constructor(store) {
-        Object.defineProperty(this, "store", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: store
-        });
-        /** Current tools states. */
-        Object.defineProperty(this, "states", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: new Map()
-        });
-        Object.defineProperty(this, "props", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "collapsed", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        makeObservable(this);
-    }
-    /** 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(key, factory) {
-        if (!this.states.has(key))
-            this.states.set(key, factory());
-        return this.states.get(key);
-    }
-    /** id */
-    get id() {
-        return (this.props && this.props.id) || "";
-    }
-}
-__decorate([
-    computed
-], ToolBarState.prototype, "id", null);
-__decorate([
-    observable
-], ToolBarState.prototype, "collapsed", void 0);
-/** React context for ToolBarState. */
-export const ToolBarContext = createContext(null);
-/** React hook to retrieve the nearest ToolBarContext. */
-export const useToolBarContext = () => useContext(ToolBarContext);
+import { __decorate } from "tslib";
+import { createContext, useContext } from "react";
+import { computed, makeObservable, observable } from "mobx";
+export class ToolBarState {
+    constructor(store) {
+        Object.defineProperty(this, "store", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: store
+        });
+        /** Current tools states. */
+        Object.defineProperty(this, "states", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new Map()
+        });
+        Object.defineProperty(this, "props", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "collapsed", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        makeObservable(this);
+    }
+    /** 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(key, factory) {
+        if (!this.states.has(key))
+            this.states.set(key, factory());
+        return this.states.get(key);
+    }
+    /** id */
+    get id() {
+        return (this.props && this.props.id) || "";
+    }
+}
+__decorate([
+    computed
+], ToolBarState.prototype, "id", null);
+__decorate([
+    observable
+], ToolBarState.prototype, "collapsed", void 0);
+/** React context for ToolBarState. */
+export const ToolBarContext = createContext(null);
+/** React hook to retrieve the nearest ToolBarContext. */
+export const useToolBarContext = () => useContext(ToolBarContext);
 //# sourceMappingURL=ToolBarState.js.map

package/es/controls/ToolBar/buttons/Archive.d.ts

@@ -1,15 +1,15 @@
-/// <reference types="react" />
-declare const Archive: {
-    (props: {
-        /** size of Button */
-        size?: "small" | "middle" | "large";
-        /** disabled Button */
-        disabled?: boolean;
-        /** function of Click */
-        action?: () => void;
-    }): JSX.Element;
-    defaultProps: {
-        size: string;
-    };
-};
-export default Archive;
+/// <reference types="react" />
+declare const Archive: {
+    (props: {
+        /** size of Button */
+        size?: "small" | "middle" | "large";
+        /** disabled Button */
+        disabled?: boolean;
+        /** function of Click */
+        action?: () => void;
+    }): JSX.Element;
+    defaultProps: {
+        size: string;
+    };
+};
+export default Archive;

package/es/controls/ToolBar/buttons/Archive.js

@@ -1,26 +1,26 @@
-import { Button, Tooltip, message } from "@voplus/antd";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import React from "react";
-import { faArchive } from "@fortawesome/pro-light-svg-icons";
-import { useToolBarContext } from "../ToolBarState";
-const Archive = (props) => {
-    const { size, disabled, action } = props;
-    const context = useToolBarContext();
-    return (React.createElement(Tooltip, { title: "Archive" },
-        React.createElement(Button, { size: size, type: "link", disabled: disabled, className: "archive-btn", onClick: onClick },
-            React.createElement(FAIcon, { icon: faArchive }))));
-    function onClick() {
-        action ? action() : onArchive();
-    }
-    async function onArchive() {
-        if (!context.id)
-            return;
-        await context.store.archive([context.id]);
-        message.success("Document Archived Success.");
-    }
-};
-Archive.defaultProps = {
-    size: "small",
-};
-export default Archive;
+import { Button, Tooltip, message } from "@voplus/antd";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import React from "react";
+import { faArchive } from "@fortawesome/pro-light-svg-icons";
+import { useToolBarContext } from "../ToolBarState";
+const Archive = (props) => {
+    const { size, disabled, action } = props;
+    const context = useToolBarContext();
+    return (React.createElement(Tooltip, { title: "Archive" },
+        React.createElement(Button, { size: size, type: "link", disabled: disabled, className: "archive-btn", onClick: onClick },
+            React.createElement(FAIcon, { icon: faArchive }))));
+    function onClick() {
+        action ? action() : onArchive();
+    }
+    async function onArchive() {
+        if (!context.id)
+            return;
+        await context.store.archive([context.id]);
+        message.success("Document Archived Success.");
+    }
+};
+Archive.defaultProps = {
+    size: "small",
+};
+export default Archive;
 //# sourceMappingURL=Archive.js.map

package/es/controls/ToolBar/buttons/Delete.d.ts

@@ -1,15 +1,15 @@
-/// <reference types="react" />
-declare const Delete: {
-    (props: {
-        /** size of Button */
-        size?: "small" | "middle" | "large" | undefined;
-        /** disabled Button */
-        disabled?: boolean | undefined;
-        /** function of Click */
-        action?: ((context?: any) => void) | undefined;
-    }): JSX.Element;
-    defaultProps: {
-        size: string;
-    };
-};
-export default Delete;
+/// <reference types="react" />
+declare const Delete: {
+    (props: {
+        /** size of Button */
+        size?: "small" | "middle" | "large" | undefined;
+        /** disabled Button */
+        disabled?: boolean | undefined;
+        /** function of Click */
+        action?: ((context?: any) => void) | undefined;
+    }): JSX.Element;
+    defaultProps: {
+        size: string;
+    };
+};
+export default Delete;

package/es/controls/ToolBar/buttons/Delete.js

@@ -1,25 +1,25 @@
-import { Button, Modal, Tooltip } from "@voplus/antd";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import React from "react";
-import { faTrashAlt } from "@fortawesome/pro-light-svg-icons";
-const Delete = (props) => {
-    const { size, disabled, action } = props;
-    return (React.createElement(Tooltip, { title: "Delete" },
-        React.createElement(Button, { size: size, type: "link", disabled: disabled, className: "delete-btn", onClick: onClick },
-            React.createElement(FAIcon, { icon: faTrashAlt }))));
-    function onClick() {
-        /** 如果文件下有子文件, 询问是否删除所有子文件 */
-        Modal.confirm({
-            title: "Do you want to delete this item?",
-            onOk() {
-                if (action)
-                    action();
-            },
-        });
-    }
-};
-Delete.defaultProps = {
-    size: "small",
-};
-export default Delete;
+import { Button, Modal, Tooltip } from "@voplus/antd";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import React from "react";
+import { faTrashAlt } from "@fortawesome/pro-light-svg-icons";
+const Delete = (props) => {
+    const { size, disabled, action } = props;
+    return (React.createElement(Tooltip, { title: "Delete" },
+        React.createElement(Button, { size: size, type: "link", disabled: disabled, className: "delete-btn", onClick: onClick },
+            React.createElement(FAIcon, { icon: faTrashAlt }))));
+    function onClick() {
+        /** 如果文件下有子文件, 询问是否删除所有子文件 */
+        Modal.confirm({
+            title: "Do you want to delete this item?",
+            onOk() {
+                if (action)
+                    action();
+            },
+        });
+    }
+};
+Delete.defaultProps = {
+    size: "small",
+};
+export default Delete;
 //# sourceMappingURL=Delete.js.map