@voplus/morpho-workspace 4.0.0 → 4.0.1

package/es/modules/work/work-schedule/controls/WorkScheduleMenu/index.less

@@ -1,39 +1,39 @@
-@import "~@voplus/morpho-theme/styles/index.less";
-
-.work-schedule-menu {
-  padding: 4px 8px;
-  list-style-type: none;
-  background-color: #fff;
-  background-clip: padding-box;
-  border-radius: @border-radius;
-  outline: none;
-  box-shadow: @more-box-shadow;
-
-  :global {
-    .ant-btn {
-      display: block;
-      width: 100%;
-      padding: 0 12px;
-      height: 34px;
-      color: #666;
-      text-align: left;
-
-      &[disabled] {
-        color: rgba(0, 0, 0, 0.25);
-      }
-
-      &:hover {
-        background-color: @ant-menu-hover-color;
-        box-shadow: @hover-button-shadow;
-      }
-
-      > span {
-        margin-left: 10px;
-      }
-    }
-
-    .delete {
-      color: #f5222d;
-    }
-  }
+@import "~@voplus/morpho-theme/styles/index.less";
+
+.work-schedule-menu {
+  padding: 4px 8px;
+  list-style-type: none;
+  background-color: #fff;
+  background-clip: padding-box;
+  border-radius: @border-radius;
+  outline: none;
+  box-shadow: @more-box-shadow;
+
+  :global {
+    .ant-btn {
+      display: block;
+      width: 100%;
+      padding: 0 12px;
+      height: 34px;
+      color: #666;
+      text-align: left;
+
+      &[disabled] {
+        color: rgba(0, 0, 0, 0.25);
+      }
+
+      &:hover {
+        background-color: @ant-menu-hover-color;
+        box-shadow: @hover-button-shadow;
+      }
+
+      > span {
+        margin-left: 10px;
+      }
+    }
+
+    .delete {
+      color: #f5222d;
+    }
+  }
 }

package/es/modules/work/work-schedule/pages/WorkScheduleDefaultView/index.d.ts

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

package/es/modules/work/work-schedule/pages/WorkScheduleDefaultView/index.js

@@ -1,30 +1,30 @@
-import React, { useEffect, useState } from "react";
-import { TabItemContext, TabItemStore, useTabItem } from "@voplus/morpho-data";
-import { observe, useAsideContentContext } from "@voplus/morpho-ui";
-import { runInAction } from "mobx";
-import { useFrame } from "@voplus/morpho-document/es/components/ViewFrame/ViewFrameContext";
-import { useParams } from "react-router-dom";
-import AsideContent from "@voplus/morpho-ui/es/components/layout/AsideContent";
-import MainContent from "@voplus/morpho-ui/es/components/layout/MainContent";
-import WorkScheduleProperties from "../../components/WorkScheduleProperties";
-import WorkScheduleTabs from "../../components/WorkScheduleTabs";
-import styles from "./index.less";
-const WorkScheduleDefaultView = () => {
-    const params = useParams();
-    const id = params.id || "";
-    const store = new TabItemStore({ url: "" });
-    const frame = useFrame();
-    const tab = useTabItem();
-    const [asideContext] = useState(frame ? useAsideContentContext() : AsideContent.createContext());
-    useEffect(() => {
-        runInAction(() => (tab.title = `Work Schedule`));
-    });
-    return observe(() => (React.createElement(TabItemContext.Provider, { value: store },
-        React.createElement(MainContent, { className: styles["work-schedule-default-view"], asideable: frame ? false : true },
-            React.createElement(MainContent.Nav, { collapsible: true },
-                React.createElement(WorkScheduleProperties, { id: id, headerVisible: true })),
-            React.createElement("div", { className: "work-schedule-context" }, frame ? (React.createElement(WorkScheduleTabs, { id: id })) : (React.createElement(AsideContent, { context: asideContext },
-                React.createElement(WorkScheduleTabs, { id: id }))))))));
-};
-export default WorkScheduleDefaultView;
+import React, { useEffect, useState } from "react";
+import { TabItemContext, TabItemStore, useTabItem } from "@voplus/morpho-data";
+import { observe, useAsideContentContext } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+import { useFrame } from "@voplus/morpho-document/es/components/ViewFrame/ViewFrameContext";
+import { useParams } from "react-router-dom";
+import AsideContent from "@voplus/morpho-ui/es/components/layout/AsideContent";
+import MainContent from "@voplus/morpho-ui/es/components/layout/MainContent";
+import WorkScheduleProperties from "../../components/WorkScheduleProperties";
+import WorkScheduleTabs from "../../components/WorkScheduleTabs";
+import styles from "./index.less";
+const WorkScheduleDefaultView = () => {
+    const params = useParams();
+    const id = params.id || "";
+    const store = new TabItemStore({ url: "" });
+    const frame = useFrame();
+    const tab = useTabItem();
+    const [asideContext] = useState(frame ? useAsideContentContext() : AsideContent.createContext());
+    useEffect(() => {
+        runInAction(() => (tab.title = `Work Schedule`));
+    });
+    return observe(() => (React.createElement(TabItemContext.Provider, { value: store },
+        React.createElement(MainContent, { className: styles["work-schedule-default-view"], asideable: frame ? false : true },
+            React.createElement(MainContent.Nav, { collapsible: true },
+                React.createElement(WorkScheduleProperties, { id: id, headerVisible: true })),
+            React.createElement("div", { className: "work-schedule-context" }, frame ? (React.createElement(WorkScheduleTabs, { id: id })) : (React.createElement(AsideContent, { context: asideContext },
+                React.createElement(WorkScheduleTabs, { id: id }))))))));
+};
+export default WorkScheduleDefaultView;
 //# sourceMappingURL=index.js.map

package/es/modules/work/work-schedule/pages/WorkScheduleDefaultView/index.less

@@ -1,23 +1,23 @@
-.work-schedule-default-view {
-	:global {
-		.main-content-nav {
-			width: 370px;
-			padding: 0;
-		}
-
-		.work-schedule-header {
-			padding: 10px 0;
-		}
-
-		.work-schedule-context {
-			display: flex;
-			padding: 0;
-			background: #ffffff;
-
-			> div {
-				flex: 1;
-				width: 100%;
-			}
-		}
-	}
-}
+.work-schedule-default-view {
+	:global {
+		.main-content-nav {
+			width: 370px;
+			padding: 0;
+		}
+
+		.work-schedule-header {
+			padding: 10px 0;
+		}
+
+		.work-schedule-context {
+			display: flex;
+			padding: 0;
+			background: #ffffff;
+
+			> div {
+				flex: 1;
+				width: 100%;
+			}
+		}
+	}
+}

package/es/modules/work/work-type/components/ErrorTypeList/Item.d.ts

@@ -1,18 +1,18 @@
-/// <reference types="react" />
-import "./index.less";
-import { ListItem } from "./state";
-import { ConnectDragSource } from "react-dnd";
-declare const Item: (props: {
-    index?: number | undefined;
-    /** item of check */
-    value: ListItem;
-    /** 现在是不是sort mode */
-    sortMode?: boolean | undefined;
-    /** DragSource of sort */
-    connectDragSource?: ConnectDragSource | undefined;
-    /** edit item 的call back */
-    onChange?: ((item: ListItem) => void) | undefined;
-    /** delete item 的call back */
-    onDelete?: ((item: ListItem) => void) | undefined;
-}) => JSX.Element;
-export default Item;
+/// <reference types="react" />
+import "./index.less";
+import { ListItem } from "./state";
+import { ConnectDragSource } from "react-dnd";
+declare const Item: (props: {
+    index?: number | undefined;
+    /** item of check */
+    value: ListItem;
+    /** 现在是不是sort mode */
+    sortMode?: boolean | undefined;
+    /** DragSource of sort */
+    connectDragSource?: ConnectDragSource | undefined;
+    /** edit item 的call back */
+    onChange?: ((item: ListItem) => void) | undefined;
+    /** delete item 的call back */
+    onDelete?: ((item: ListItem) => void) | undefined;
+}) => JSX.Element;
+export default Item;

package/es/modules/work/work-type/components/ErrorTypeList/Item.js

@@ -1,38 +1,38 @@
-import "./index.less";
-import { Button, Modal } from "antd";
-import { InlineEdit, observe } from "@voplus/morpho-ui";
-import { State } from "./state";
-import React, { useState } from "react";
-import { faBars, faTrashAlt } from "@fortawesome/pro-light-svg-icons";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import classnames from "classnames";
-import { runInAction } from "mobx";
-const Item = (props) => {
-    const { index, value, connectDragSource, sortMode, onChange, onDelete } = props;
-    const [state] = useState(new State());
-    return observe(() => (React.createElement("div", { className: "check-item", onMouseOver: () => runInAction(() => (state.hovered = true)), onMouseLeave: () => runInAction(() => (state.hovered = false)) },
-        sortMode && connectDragSource
-            ? connectDragSource(React.createElement("span", { className: "icon-box" }, React.createElement(FAIcon, { icon: faBars })))
-            : null,
-        React.createElement(InlineEdit, { defaultValue: value.item, content: (v) => React.createElement("div", { className: "task-name" }, `${index}. ${v.store.value}`), onSave: (v) => edit({ ...value, item: v }) }),
-        React.createElement(Button, { danger: true, type: "link", onClick: del, className: classnames("check-remove-btn", {
-                show: !sortMode && state.hovered,
-            }) },
-            React.createElement(FAIcon, { icon: faTrashAlt })))));
-    /** edit checked or item */
-    function edit(item) {
-        if (onChange)
-            onChange(item);
-    }
-    /** delete */
-    function del() {
-        Modal.confirm({
-            title: "Do you want to delete this item?",
-            onOk() {
-                return onDelete && onDelete(value);
-            },
-        });
-    }
-};
-export default Item;
+import "./index.less";
+import { Button, Modal } from "antd";
+import { InlineEdit, observe } from "@voplus/morpho-ui";
+import { State } from "./state";
+import React, { useState } from "react";
+import { faBars, faTrashAlt } from "@fortawesome/pro-light-svg-icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import classnames from "classnames";
+import { runInAction } from "mobx";
+const Item = (props) => {
+    const { index, value, connectDragSource, sortMode, onChange, onDelete } = props;
+    const [state] = useState(new State());
+    return observe(() => (React.createElement("div", { className: "check-item", onMouseOver: () => runInAction(() => (state.hovered = true)), onMouseLeave: () => runInAction(() => (state.hovered = false)) },
+        sortMode && connectDragSource
+            ? connectDragSource(React.createElement("span", { className: "icon-box" }, React.createElement(FAIcon, { icon: faBars })))
+            : null,
+        React.createElement(InlineEdit, { defaultValue: value.item, content: (v) => React.createElement("div", { className: "task-name" }, `${index}. ${v.store.value}`), onSave: (v) => edit({ ...value, item: v }) }),
+        React.createElement(Button, { danger: true, type: "link", onClick: del, className: classnames("check-remove-btn", {
+                show: !sortMode && state.hovered,
+            }) },
+            React.createElement(FAIcon, { icon: faTrashAlt })))));
+    /** edit checked or item */
+    function edit(item) {
+        if (onChange)
+            onChange(item);
+    }
+    /** delete */
+    function del() {
+        Modal.confirm({
+            title: "Do you want to delete this item?",
+            onOk() {
+                return onDelete && onDelete(value);
+            },
+        });
+    }
+};
+export default Item;
 //# sourceMappingURL=Item.js.map

package/es/modules/work/work-type/components/ErrorTypeList/index.d.ts

@@ -1,19 +1,19 @@
-/// <reference types="react" />
-import "./index.less";
-import { ListItem } from "./state";
-declare const ErrorTypeList: (props: {
-    list: ListItem[];
-    /** drag sort  */
-    moveAfter?: ((id: string | number, afterId: string | number, list?: any[]) => void) | undefined;
-    /** 新增item的call back */
-    onCreate?: ((item: string) => void) | undefined;
-    /** item 內容變化的 call back */
-    onChange?: ((item: ListItem) => void) | undefined;
-    /** delete item 的call back */
-    onDelete?: ((item: ListItem) => void) | undefined;
-    /** 现在是不是sort mode */
-    sortMode?: boolean | undefined;
-    /** header title */
-    viewTitle?: string | undefined;
-}) => JSX.Element;
-export default ErrorTypeList;
+/// <reference types="react" />
+import "./index.less";
+import { ListItem } from "./state";
+declare const ErrorTypeList: (props: {
+    list: ListItem[];
+    /** drag sort  */
+    moveAfter?: ((id: string | number, afterId: string | number, list?: any[]) => void) | undefined;
+    /** 新增item的call back */
+    onCreate?: ((item: string) => void) | undefined;
+    /** item 內容變化的 call back */
+    onChange?: ((item: ListItem) => void) | undefined;
+    /** delete item 的call back */
+    onDelete?: ((item: ListItem) => void) | undefined;
+    /** 现在是不是sort mode */
+    sortMode?: boolean | undefined;
+    /** header title */
+    viewTitle?: string | undefined;
+}) => JSX.Element;
+export default ErrorTypeList;

package/es/modules/work/work-type/components/ErrorTypeList/index.js

@@ -1,35 +1,35 @@
-import "./index.less";
-import { Button, Input } from "antd";
-import { State } from "./state";
-import React, { useState } from "react";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import Item from "./Item";
-import SortDnD from "@voplus/morpho-ui/es/controls/SortDnD";
-import classnames from "classnames";
-import { faArrowUpArrowDown } from "@fortawesome/pro-light-svg-icons";
-import { observe } from "@voplus/morpho-ui";
-import { runInAction } from "mobx";
-const ErrorTypeList = (props) => {
-    const { list, moveAfter, onChange, onDelete, viewTitle } = props;
-    const [state] = useState(new State());
-    const listData = (list || []).map((d, index) => ({ id: index, ...d }));
-    return observe(() => (React.createElement("div", { className: "check-list-view" },
-        React.createElement("div", { className: "check-list-header" },
-            React.createElement("div", { className: "title" }, viewTitle || "List"),
-            !state.sortMode ? (React.createElement(Button, { type: "link", icon: React.createElement(FAIcon, { icon: faArrowUpArrowDown, style: { marginRight: "7px" } }), onClick: () => runInAction(() => (state.sortMode = true)) }, "Sort")) : (React.createElement(Button, { type: "link", onClick: () => runInAction(() => (state.sortMode = false)) }, "Done"))),
-        React.createElement(SortDnD, { list: listData, moveAfter: (id, afterId, list) => moveAfter && moveAfter(id, afterId, list), text: (t, index, connectDragSource) => (React.createElement(Item, { key: t.id, value: t, index: index + 1, sortMode: state.sortMode, connectDragSource: connectDragSource, onChange: onChange, onDelete: onDelete })) }),
-        React.createElement("div", { className: classnames("add-error-type-item") },
-            React.createElement(Input, { autoFocus: true, value: state.item, disabled: state.loading, placeholder: "+ Add a item", onChange: (e) => runInAction(() => (state.item = e.target.value)), onPressEnter: onCreate })))));
-    function onCreate() {
-        runInAction(() => {
-            if (props.onCreate) {
-                state.loading = true;
-                props.onCreate(state.item);
-                state.loading = false;
-                state.item = "";
-            }
-        });
-    }
-};
-export default ErrorTypeList;
+import "./index.less";
+import { Button, Input } from "antd";
+import { State } from "./state";
+import React, { useState } from "react";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import Item from "./Item";
+import SortDnD from "@voplus/morpho-ui/es/controls/SortDnD";
+import classnames from "classnames";
+import { faArrowUpArrowDown } from "@fortawesome/pro-light-svg-icons";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+const ErrorTypeList = (props) => {
+    const { list, moveAfter, onChange, onDelete, viewTitle } = props;
+    const [state] = useState(new State());
+    const listData = (list || []).map((d, index) => ({ id: index, ...d }));
+    return observe(() => (React.createElement("div", { className: "check-list-view" },
+        React.createElement("div", { className: "check-list-header" },
+            React.createElement("div", { className: "title" }, viewTitle || "List"),
+            !state.sortMode ? (React.createElement(Button, { type: "link", icon: React.createElement(FAIcon, { icon: faArrowUpArrowDown, style: { marginRight: "7px" } }), onClick: () => runInAction(() => (state.sortMode = true)) }, "Sort")) : (React.createElement(Button, { type: "link", onClick: () => runInAction(() => (state.sortMode = false)) }, "Done"))),
+        React.createElement(SortDnD, { list: listData, moveAfter: (id, afterId, list) => moveAfter && moveAfter(id, afterId, list), text: (t, index, connectDragSource) => (React.createElement(Item, { key: t.id, value: t, index: index + 1, sortMode: state.sortMode, connectDragSource: connectDragSource, onChange: onChange, onDelete: onDelete })) }),
+        React.createElement("div", { className: classnames("add-error-type-item") },
+            React.createElement(Input, { autoFocus: true, value: state.item, disabled: state.loading, placeholder: "+ Add a item", onChange: (e) => runInAction(() => (state.item = e.target.value)), onPressEnter: onCreate })))));
+    function onCreate() {
+        runInAction(() => {
+            if (props.onCreate) {
+                state.loading = true;
+                props.onCreate(state.item);
+                state.loading = false;
+                state.item = "";
+            }
+        });
+    }
+};
+export default ErrorTypeList;
 //# sourceMappingURL=index.js.map

package/es/modules/work/work-type/components/ErrorTypeList/index.less

@@ -1,59 +1,59 @@
-@import "~@voplus/morpho-theme/styles/index.less";
-
-:global {
-	.check-list-view {
-		.check-list-header {
-			display: flex;
-			justify-content: space-between;
-			padding: 10px 20px;
-			.title {
-				color: #000;
-				font-size: 16px;
-				font-weight: bold;
-			}
-		}
-		.check-item {
-			position: relative;
-			display: flex;
-			padding: 10px 20px;
-			align-items: center;
-			color: #000;
-			font-size: 15px;
-			font-weight: 500;
-			cursor: pointer;
-			.icon-box {
-				width: 24px;
-				flex-shrink: 0;
-				align-self: start;
-				.fa-bars {
-					cursor: move;
-				}
-			}
-			.morpho-inline-edit {
-				flex: 1;
-				margin-right: 32px;
-			}
-			.check-remove-btn {
-				display: none;
-				position: absolute;
-				right: 10px;
-				&.show {
-					display: block;
-				}
-			}
-		}
-
-		.add-error-type-item {
-			height: auto;
-			padding: 10px 0;
-			transition: height 0.3s, opacity 0.2s ease-out;
-
-			.ant-input {
-				padding: 0;
-				border: 0;
-				box-shadow: none;
-				color: @heading-color;
-			}
-		}
-	}
-}
+@import "~@voplus/morpho-theme/styles/index.less";
+
+:global {
+	.check-list-view {
+		.check-list-header {
+			display: flex;
+			justify-content: space-between;
+			padding: 10px 20px;
+			.title {
+				color: #000;
+				font-size: 16px;
+				font-weight: bold;
+			}
+		}
+		.check-item {
+			position: relative;
+			display: flex;
+			padding: 10px 20px;
+			align-items: center;
+			color: #000;
+			font-size: 15px;
+			font-weight: 500;
+			cursor: pointer;
+			.icon-box {
+				width: 24px;
+				flex-shrink: 0;
+				align-self: start;
+				.fa-bars {
+					cursor: move;
+				}
+			}
+			.morpho-inline-edit {
+				flex: 1;
+				margin-right: 32px;
+			}
+			.check-remove-btn {
+				display: none;
+				position: absolute;
+				right: 10px;
+				&.show {
+					display: block;
+				}
+			}
+		}
+
+		.add-error-type-item {
+			height: auto;
+			padding: 10px 0;
+			transition: height 0.3s, opacity 0.2s ease-out;
+
+			.ant-input {
+				padding: 0;
+				border: 0;
+				box-shadow: none;
+				color: @heading-color;
+			}
+		}
+	}
+}

package/es/modules/work/work-type/components/ErrorTypeList/state.d.ts

@@ -1,17 +1,17 @@
-export interface ListItem {
-    id?: string | number;
-    item: string;
-}
-export declare class State {
-    /** key of hover check item */
-    hovered: boolean;
-    /** sort mode */
-    sortMode: boolean;
-    /** item of checkItem */
-    item: string;
-    /** list of checkItem */
-    list: ListItem[];
-    /** loading of save a checkItem */
-    loading: boolean;
-    constructor();
-}
+export interface ListItem {
+    id?: string | number;
+    item: string;
+}
+export declare class State {
+    /** key of hover check item */
+    hovered: boolean;
+    /** sort mode */
+    sortMode: boolean;
+    /** item of checkItem */
+    item: string;
+    /** list of checkItem */
+    list: ListItem[];
+    /** loading of save a checkItem */
+    loading: boolean;
+    constructor();
+}