@voplus/morpho-workspace 4.0.0 → 4.0.2

package/es/components/TimeLog/index.js

@@ -1,74 +1,74 @@
-import { Avatar, Button, Dropdown, Input, Row } from "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 { observe } from "@voplus/morpho-ui";
-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 observe(() => (React.createElement(Dropdown, { open: visible, dropdownRender: () => (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(Row, { key: item, justify: "space-around" },
-                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", onOpenChange: handleVisibleChange },
-        React.createElement(Button, { shape: "circle", size: props.size },
-            React.createElement(FAIcon, { icon: faStopwatch })))));
-};
-export default TimeLog;
+import { Avatar, Button, Dropdown, Input, Row } from "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 { observe } from "@voplus/morpho-ui";
+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 observe(() => (React.createElement(Dropdown, { open: visible, dropdownRender: () => (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(Row, { key: item, justify: "space-around" },
+                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", onOpenChange: handleVisibleChange },
+        React.createElement(Button, { shape: "circle", size: props.size },
+            React.createElement(FAIcon, { icon: faStopwatch })))));
+};
+export default TimeLog;
 //# sourceMappingURL=index.js.map

package/es/components/TimeLog/index.less

@@ -1,86 +1,86 @@
-.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;
-			.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;
-}
+.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;
+			.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/AssignButton/index.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-import { BatchContextState } from "@voplus/morpho-ui/es/data/BatchContext";
-import { ButtonProps } from "antd/es/button";
-declare type AssignButtonProps = {
-    /** Callback to execute the batch operation. */
-    execute?: (state: BatchContextState) => any;
-} & ButtonProps;
-declare const AssignButton: (props: AssignButtonProps) => JSX.Element;
-export default AssignButton;
+/// <reference types="react" />
+import { BatchContextState } from "@voplus/morpho-ui/es/data/BatchContext";
+import { ButtonProps } from "antd/es/button";
+declare type AssignButtonProps = {
+    /** Callback to execute the batch operation. */
+    execute?: (state: BatchContextState) => any;
+} & ButtonProps;
+declare const AssignButton: (props: AssignButtonProps) => JSX.Element;
+export default AssignButton;

package/es/controls/AssignButton/index.js

@@ -1,19 +1,19 @@
-import { useBatchContext } from "@voplus/morpho-ui/es/data/BatchContext";
-import { Button } from "antd";
-import React from "react";
-import { observe } from "@voplus/morpho-ui";
-const AssignButton = (props) => {
-    const batch = useBatchContext();
-    return observe(() => {
-        const buttonProps = Object.assign({}, props);
-        delete buttonProps["confirmTitle"];
-        delete buttonProps["execute"];
-        return (React.createElement(Button, { type: "link", onClick: onClick, ...buttonProps }, "Assign"));
-        function onClick() {
-            if (props.execute)
-                props.execute(batch);
-        }
-    });
-};
-export default AssignButton;
+import { useBatchContext } from "@voplus/morpho-ui/es/data/BatchContext";
+import { Button } from "antd";
+import React from "react";
+import { observe } from "@voplus/morpho-ui";
+const AssignButton = (props) => {
+    const batch = useBatchContext();
+    return observe(() => {
+        const buttonProps = Object.assign({}, props);
+        delete buttonProps["confirmTitle"];
+        delete buttonProps["execute"];
+        return (React.createElement(Button, { type: "link", onClick: onClick, ...buttonProps }, "Assign"));
+        function onClick() {
+            if (props.execute)
+                props.execute(batch);
+        }
+    });
+};
+export default AssignButton;
 //# sourceMappingURL=index.js.map

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

@@ -1,9 +1,9 @@
-import "./index.less";
-import React from "react";
-declare const Corner: (props: {
-    children?: React.ReactNode;
-    className?: string;
-    style?: React.CSSProperties;
-    onClick?: () => void;
-}) => JSX.Element;
-export default Corner;
+import "./index.less";
+import React from "react";
+declare const Corner: (props: {
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    onClick?: () => void;
+}) => JSX.Element;
+export default Corner;

package/es/controls/Corner/index.js

@@ -1,10 +1,10 @@
-import "./index.less";
-import React from "react";
-import classnames from "classnames";
-import { observe } from "@voplus/morpho-ui";
-const Corner = (props) => {
-    const { children, className, style, onClick } = props;
-    return observe(() => (React.createElement("div", { className: classnames("corner-view", className), style: style, onClick: onClick }, children)));
-};
-export default Corner;
+import "./index.less";
+import React from "react";
+import classnames from "classnames";
+import { observe } from "@voplus/morpho-ui";
+const Corner = (props) => {
+    const { children, className, style, onClick } = props;
+    return observe(() => (React.createElement("div", { className: classnames("corner-view", className), style: style, onClick: onClick }, children)));
+};
+export default Corner;
 //# sourceMappingURL=index.js.map

package/es/controls/Corner/index.less

@@ -1,7 +1,7 @@
-:global {
-	.corner-view {
-		position: absolute;
-		right: 20px;
-		bottom: 20px;
-	}
-}
+:global {
+	.corner-view {
+		position: absolute;
+		right: 20px;
+		bottom: 20px;
+	}
+}

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

@@ -1,8 +1,8 @@
-import { ReactNode } from "react";
-import "./index.less";
-declare const FolderEdit: (props: {
-    showEditIcon?: boolean;
-    children?: ReactNode;
-    onEditIconClick?: () => void;
-}) => JSX.Element;
-export default FolderEdit;
+import { ReactNode } from "react";
+import "./index.less";
+declare const FolderEdit: (props: {
+    showEditIcon?: boolean;
+    children?: ReactNode;
+    onEditIconClick?: () => void;
+}) => JSX.Element;
+export default FolderEdit;

package/es/controls/FolderEdit/index.js

@@ -1,14 +1,14 @@
-import React from "react";
-import { faEdit } from "@fortawesome/pro-light-svg-icons";
-import { faEdit as faEditSolid } from "@fortawesome/free-solid-svg-icons";
-import { observe } from "@voplus/morpho-ui";
-import Icon from "@voplus/morpho-ui/es/controls/HoverSwitchIcon";
-import "./index.less";
-const FolderEdit = (props) => {
-    return observe(() => (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: "content-container" },
-            props.children,
-            props.showEditIcon === true && (React.createElement(Icon, { className: "edit-icon", icon: faEdit, hover: faEditSolid, onClick: () => { var _a; return (_a = props.onEditIconClick) === null || _a === void 0 ? void 0 : _a.call(props); } }))))));
-};
-export default FolderEdit;
+import React from "react";
+import { faEdit } from "@fortawesome/pro-light-svg-icons";
+import { faEdit as faEditSolid } from "@fortawesome/free-solid-svg-icons";
+import { observe } from "@voplus/morpho-ui";
+import Icon from "@voplus/morpho-ui/es/controls/HoverSwitchIcon";
+import "./index.less";
+const FolderEdit = (props) => {
+    return observe(() => (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "content-container" },
+            props.children,
+            props.showEditIcon === true && (React.createElement(Icon, { className: "edit-icon", icon: faEdit, hover: faEditSolid, onClick: () => { var _a; return (_a = props.onEditIconClick) === null || _a === void 0 ? void 0 : _a.call(props); } }))))));
+};
+export default FolderEdit;
 //# sourceMappingURL=index.js.map

package/es/controls/FolderEdit/index.less

@@ -1,39 +1,39 @@
-@import "~@voplus/morpho-theme/styles/index.less";
-
-:global {
-	.content-container {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-
-		> .buttons {
-			:hover {
-				color: @primary-color;
-				font-size: 1.05rem;
-
-				svg {
-					filter: drop-shadow(2px 2px 2px @primary-color);
-				}
-			}
-
-			cursor: pointer;
-			font-size: 1rem;
-
-			svg {
-				margin-left: 5px;
-			}
-		}
-
-		&:not(:hover) {
-			.edit-icon {
-				display: none;
-			}
-		}
-
-		.edit-icon {
-			cursor: pointer;
-			font-size: 1rem;
-			color: lightgray;
-		}
-	}
-}
+@import "~@voplus/morpho-theme/styles/index.less";
+
+:global {
+	.content-container {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+
+		> .buttons {
+			:hover {
+				color: @primary-color;
+				font-size: 1.05rem;
+
+				svg {
+					filter: drop-shadow(2px 2px 2px @primary-color);
+				}
+			}
+
+			cursor: pointer;
+			font-size: 1rem;
+
+			svg {
+				margin-left: 5px;
+			}
+		}
+
+		&:not(:hover) {
+			.edit-icon {
+				display: none;
+			}
+		}
+
+		.edit-icon {
+			cursor: pointer;
+			font-size: 1rem;
+			color: lightgray;
+		}
+	}
+}

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

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-declare const InlineSearch: (props: {
-    render?: string | undefined;
-    onChange?: ((val: string) => void | Promise<void>) | undefined;
-}) => JSX.Element;
-export default InlineSearch;
+/// <reference types="react" />
+declare const InlineSearch: (props: {
+    render?: string | undefined;
+    onChange?: ((val: string) => void | Promise<void>) | undefined;
+}) => JSX.Element;
+export default InlineSearch;

package/es/controls/InlineSearch/index.js

@@ -1,42 +1,42 @@
-import { Button, Row } from "antd";
-import React, { useEffect, useState } from "react";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import { SearchHeader } from "@voplus/morpho-ui/es/components/layout/ListView/headers";
-import { faSearch } from "@fortawesome/pro-light-svg-icons";
-import style from "./index.less";
-const InlineSearch = (props) => {
-    const [search, setSearch] = useState(false);
-    const [keyword, setKeyword] = useState("");
-    const [timer, setTimer] = useState();
-    useEffect(() => {
-        setKeyword("");
-        setSearch(false);
-    }, [props.render]);
-    return search ? (React.createElement(Row, { align: "middle", className: style["inline-search"] },
-        React.createElement(SearchHeader, { onChange: onSearch }),
-        React.createElement(Button, { type: "text", onClick: cancel }, "Cancel"))) : (React.createElement("div", { onClick: () => setSearch(true), className: "view-title" },
-        React.createElement(FAIcon, { icon: faSearch, style: { marginRight: "10px" } }),
-        "Search"));
-    /** cancel search */
-    function cancel() {
-        var _a;
-        setSearch(false);
-        if (keyword) {
-            (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, "");
-            setKeyword("");
-        }
-    }
-    /** search for name */
-    function onSearch(val) {
-        if (timer)
-            clearTimeout(timer);
-        setTimer(setTimeout(() => {
-            var _a;
-            (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, val);
-            setKeyword(val);
-            setTimer(undefined);
-        }, 1000));
-    }
-};
-export default InlineSearch;
+import { Button, Row } from "antd";
+import React, { useEffect, useState } from "react";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { SearchHeader } from "@voplus/morpho-ui/es/components/layout/ListView/headers";
+import { faSearch } from "@fortawesome/pro-light-svg-icons";
+import style from "./index.less";
+const InlineSearch = (props) => {
+    const [search, setSearch] = useState(false);
+    const [keyword, setKeyword] = useState("");
+    const [timer, setTimer] = useState();
+    useEffect(() => {
+        setKeyword("");
+        setSearch(false);
+    }, [props.render]);
+    return search ? (React.createElement(Row, { align: "middle", className: style["inline-search"] },
+        React.createElement(SearchHeader, { onChange: onSearch }),
+        React.createElement(Button, { type: "text", onClick: cancel }, "Cancel"))) : (React.createElement("div", { onClick: () => setSearch(true), className: "view-title" },
+        React.createElement(FAIcon, { icon: faSearch, style: { marginRight: "10px" } }),
+        "Search"));
+    /** cancel search */
+    function cancel() {
+        var _a;
+        setSearch(false);
+        if (keyword) {
+            (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, "");
+            setKeyword("");
+        }
+    }
+    /** search for name */
+    function onSearch(val) {
+        if (timer)
+            clearTimeout(timer);
+        setTimer(setTimeout(() => {
+            var _a;
+            (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, val);
+            setKeyword(val);
+            setTimer(undefined);
+        }, 1000));
+    }
+};
+export default InlineSearch;
 //# sourceMappingURL=index.js.map