@voplus/morpho-workspace 4.0.0 → 4.0.2

package/es/controls/InlineSearch/index.less

@@ -1,10 +1,10 @@
-.inline-search {
-	:global {
-		.ant-input-affix-wrapper {
-			border-radius: 20px;
-		}
-		.ant-btn {
-			font-style: italic;
-		}
-	}
-}
+.inline-search {
+	:global {
+		.ant-input-affix-wrapper {
+			border-radius: 20px;
+		}
+		.ant-btn {
+			font-style: italic;
+		}
+	}
+}

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

@@ -1,29 +1,29 @@
-/// <reference types="react" />
-declare const MoreOperateDropdown: {
-    (props: {
-        className?: string | undefined;
-        edit?: boolean | undefined;
-        del?: boolean | undefined;
-        move?: boolean | undefined;
-        paste?: boolean | undefined;
-        open?: boolean | undefined;
-        access?: boolean | undefined;
-        url?: string | undefined;
-        shape?: boolean | undefined;
-        size?: "small" | "middle" | "large" | undefined;
-        onEdit?: ((params?: any) => void) | undefined;
-        onDelete?: ((params?: any) => void) | undefined;
-        onMove?: (() => void) | undefined;
-        onPaste?: (() => void) | undefined;
-        onAccess?: (() => void) | undefined;
-    }): JSX.Element;
-    defaultProps: {
-        edit: boolean;
-        del: boolean;
-        move: boolean;
-        paste: boolean;
-        shape: boolean;
-        access: boolean;
-    };
-};
-export default MoreOperateDropdown;
+/// <reference types="react" />
+declare const MoreOperateDropdown: {
+    (props: {
+        className?: string | undefined;
+        edit?: boolean | undefined;
+        del?: boolean | undefined;
+        move?: boolean | undefined;
+        paste?: boolean | undefined;
+        open?: boolean | undefined;
+        access?: boolean | undefined;
+        url?: string | undefined;
+        shape?: boolean | undefined;
+        size?: "small" | "middle" | "large" | undefined;
+        onEdit?: ((params?: any) => void) | undefined;
+        onDelete?: ((params?: any) => void) | undefined;
+        onMove?: (() => void) | undefined;
+        onPaste?: (() => void) | undefined;
+        onAccess?: (() => void) | undefined;
+    }): JSX.Element;
+    defaultProps: {
+        edit: boolean;
+        del: boolean;
+        move: boolean;
+        paste: boolean;
+        shape: boolean;
+        access: boolean;
+    };
+};
+export default MoreOperateDropdown;

package/es/controls/MoreOperateDropdown/index.js

@@ -1,90 +1,90 @@
-import { Button, Dropdown, Menu, Modal } from "antd";
-import { faClone, faCut, faEllipsisV, faPaste, faTrashAlt, faUserEdit, } from "@fortawesome/pro-light-svg-icons";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import React from "react";
-import classnames from "classnames";
-import { faExternalLink } from "@fortawesome/pro-duotone-svg-icons";
-import { observe } from "@voplus/morpho-ui";
-import { runInAction } from "mobx";
-import styles from "./index.less";
-import { useLayout } from "@voplus/morpho-data";
-const { confirm } = Modal;
-const MoreOperateDropdown = (props) => {
-    const layout = useLayout();
-    const moreOperate = ({ key, domEvent }) => {
-        domEvent.stopPropagation();
-        if (key === "Edit")
-            props.onEdit();
-        if (key === "Delete") {
-            confirm({
-                title: "Do you want to delete this item?",
-                onOk() {
-                    return props.onDelete();
-                },
-            });
-        }
-        if (key === "Move")
-            props.onMove();
-        if (key === "Paste")
-            props.onPaste();
-        if (key === "Open")
-            runInAction(() => layout.history.push(props.url));
-        if (key === "Access")
-            props.onAccess();
-    };
-    const { edit, del, move, paste, open, shape, size, access } = props;
-    const menu = observe(() => (React.createElement(Menu, { className: styles["more-operate-dropdown"], onClick: moreOperate, items: items() })));
-    return observe(() => (React.createElement(Dropdown, { dropdownRender: () => menu, placement: "bottomRight" }, shape ? (React.createElement(Button, { shape: "circle", size: size, onClick: (e) => e.stopPropagation() },
-        React.createElement(FAIcon, { size: "lg", icon: faEllipsisV }))) : (React.createElement("span", { onClick: (e) => e.stopPropagation(), className: classnames(styles["more-operate"], props.className) },
-        React.createElement(FAIcon, { size: "lg", icon: faEllipsisV }))))));
-    function items() {
-        const menuList = [];
-        if (edit)
-            menuList.push({
-                key: "Edit",
-                label: "Edit",
-                icon: React.createElement(FAIcon, { icon: faClone, color: "#666", size: "sm" }),
-            });
-        if (del)
-            menuList.push({
-                key: "Delete",
-                label: "Delete",
-                icon: React.createElement(FAIcon, { icon: faTrashAlt, color: "#666", size: "sm" }),
-            });
-        if (move)
-            menuList.push({
-                key: "Move",
-                label: "Move",
-                icon: React.createElement(FAIcon, { icon: faCut, color: "#666", size: "sm" }),
-            });
-        if (paste)
-            menuList.push({
-                key: "Paste",
-                label: "Paste",
-                icon: React.createElement(FAIcon, { icon: faPaste, color: "#666", size: "sm" }),
-            });
-        if (open)
-            menuList.push({
-                key: "Open",
-                label: "Open",
-                icon: React.createElement(FAIcon, { icon: faExternalLink, color: "#666", size: "sm" }),
-            });
-        if (access)
-            menuList.push({
-                key: "Access",
-                label: "Access",
-                icon: React.createElement(FAIcon, { icon: faUserEdit, color: "#666", size: "sm" }),
-            });
-        return menuList;
-    }
-};
-MoreOperateDropdown.defaultProps = {
-    edit: true,
-    del: true,
-    move: true,
-    paste: true,
-    shape: false,
-    access: false,
-};
-export default MoreOperateDropdown;
+import { Button, Dropdown, Menu, Modal } from "antd";
+import { faClone, faCut, faEllipsisV, faPaste, faTrashAlt, faUserEdit, } from "@fortawesome/pro-light-svg-icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import React from "react";
+import classnames from "classnames";
+import { faExternalLink } from "@fortawesome/pro-duotone-svg-icons";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+import styles from "./index.less";
+import { useLayout } from "@voplus/morpho-data";
+const { confirm } = Modal;
+const MoreOperateDropdown = (props) => {
+    const layout = useLayout();
+    const moreOperate = ({ key, domEvent }) => {
+        domEvent.stopPropagation();
+        if (key === "Edit")
+            props.onEdit();
+        if (key === "Delete") {
+            confirm({
+                title: "Do you want to delete this item?",
+                onOk() {
+                    return props.onDelete();
+                },
+            });
+        }
+        if (key === "Move")
+            props.onMove();
+        if (key === "Paste")
+            props.onPaste();
+        if (key === "Open")
+            runInAction(() => layout.history.push(props.url));
+        if (key === "Access")
+            props.onAccess();
+    };
+    const { edit, del, move, paste, open, shape, size, access } = props;
+    const menu = observe(() => (React.createElement(Menu, { className: styles["more-operate-dropdown"], onClick: moreOperate, items: items() })));
+    return observe(() => (React.createElement(Dropdown, { dropdownRender: () => menu, placement: "bottomRight" }, shape ? (React.createElement(Button, { shape: "circle", size: size, onClick: (e) => e.stopPropagation() },
+        React.createElement(FAIcon, { size: "lg", icon: faEllipsisV }))) : (React.createElement("span", { onClick: (e) => e.stopPropagation(), className: classnames(styles["more-operate"], props.className) },
+        React.createElement(FAIcon, { size: "lg", icon: faEllipsisV }))))));
+    function items() {
+        const menuList = [];
+        if (edit)
+            menuList.push({
+                key: "Edit",
+                label: "Edit",
+                icon: React.createElement(FAIcon, { icon: faClone, color: "#666", size: "sm" }),
+            });
+        if (del)
+            menuList.push({
+                key: "Delete",
+                label: "Delete",
+                icon: React.createElement(FAIcon, { icon: faTrashAlt, color: "#666", size: "sm" }),
+            });
+        if (move)
+            menuList.push({
+                key: "Move",
+                label: "Move",
+                icon: React.createElement(FAIcon, { icon: faCut, color: "#666", size: "sm" }),
+            });
+        if (paste)
+            menuList.push({
+                key: "Paste",
+                label: "Paste",
+                icon: React.createElement(FAIcon, { icon: faPaste, color: "#666", size: "sm" }),
+            });
+        if (open)
+            menuList.push({
+                key: "Open",
+                label: "Open",
+                icon: React.createElement(FAIcon, { icon: faExternalLink, color: "#666", size: "sm" }),
+            });
+        if (access)
+            menuList.push({
+                key: "Access",
+                label: "Access",
+                icon: React.createElement(FAIcon, { icon: faUserEdit, color: "#666", size: "sm" }),
+            });
+        return menuList;
+    }
+};
+MoreOperateDropdown.defaultProps = {
+    edit: true,
+    del: true,
+    move: true,
+    paste: true,
+    shape: false,
+    access: false,
+};
+export default MoreOperateDropdown;
 //# sourceMappingURL=index.js.map

package/es/controls/MoreOperateDropdown/index.less

@@ -1,12 +1,12 @@
-.more-operate-dropdown {
-	:global {
-		.type-name {
-			margin-left: 10px;
-		}
-	}
-}
-.more-operate {
-	// font-size: 24px;
-	vertical-align: middle;
-	cursor: pointer;
-}
+.more-operate-dropdown {
+	:global {
+		.type-name {
+			margin-left: 10px;
+		}
+	}
+}
+.more-operate {
+	// font-size: 24px;
+	vertical-align: middle;
+	cursor: pointer;
+}

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

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

package/es/controls/StickyAddButton/index.js

@@ -1,14 +1,14 @@
-import "./index.less";
-import "./index.less";
-import Corner from "../Corner";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import React from "react";
-import { faPlus } from "@fortawesome/pro-light-svg-icons";
-import { observe } from "@voplus/morpho-ui";
-const StickyAddButton = (props) => {
-    return observe(() => (React.createElement(Corner, { ...props },
-        React.createElement("span", { className: "sticky-add-button" },
-            React.createElement(FAIcon, { icon: faPlus })))));
-};
-export default StickyAddButton;
+import "./index.less";
+import "./index.less";
+import Corner from "../Corner";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import React from "react";
+import { faPlus } from "@fortawesome/pro-light-svg-icons";
+import { observe } from "@voplus/morpho-ui";
+const StickyAddButton = (props) => {
+    return observe(() => (React.createElement(Corner, { ...props },
+        React.createElement("span", { className: "sticky-add-button" },
+            React.createElement(FAIcon, { icon: faPlus })))));
+};
+export default StickyAddButton;
 //# sourceMappingURL=index.js.map

package/es/controls/StickyAddButton/index.less

@@ -1,22 +1,22 @@
-@import "~@voplus/morpho-theme/styles/index.less";
-
-:global {
-	.sticky-add-button {
-		display: block;
-		width: 36px;
-		height: 36px;
-		line-height: 36px;
-		font-size: 16px;
-		text-align: center;
-		color: #222;
-		cursor: pointer;
-		border-radius: 50%;
-		background: #fff;
-		box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08),
-			0 9px 28px 8px rgba(0, 0, 0, 0.05);
-		transition: color 0.3s;
-		&:hover {
-			color: @primary-color;
-		}
-	}
-}
+@import "~@voplus/morpho-theme/styles/index.less";
+
+:global {
+	.sticky-add-button {
+		display: block;
+		width: 36px;
+		height: 36px;
+		line-height: 36px;
+		font-size: 16px;
+		text-align: center;
+		color: #222;
+		cursor: pointer;
+		border-radius: 50%;
+		background: #fff;
+		box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08),
+			0 9px 28px 8px rgba(0, 0, 0, 0.05);
+		transition: color 0.3s;
+		&:hover {
+			color: @primary-color;
+		}
+	}
+}

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import "./index.less";
-declare const AssigneeView: () => JSX.Element;
-export default AssigneeView;
+/// <reference types="react" />
+import "./index.less";
+declare const AssigneeView: () => JSX.Element;
+export default AssigneeView;

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

@@ -1,48 +1,48 @@
-import "./index.less";
-import { useUnitListEffect } from "@voplus/morpho-org";
-import { useCreateListDataState, useFilterOptionsContext } from "@voplus/morpho-ui/es/data";
-import AvatarItem from "@voplus/morpho-org/es/components/AvatarList/AvatarItem";
-import { CloseOutlined } from "@ant-design/icons";
-import React from "react";
-import { Select } from "antd";
-import { State } from "./state";
-import classnames from "classnames";
-import { observe } from "@voplus/morpho-ui";
-import { useApplicationContext } from "@voplus/morpho-data";
-const AssigneeView = () => {
-    const context = useFilterOptionsContext();
-    const { user } = useApplicationContext();
-    const list = useCreateListDataState({}, []);
-    const state = context.getFilterState("Assignee", () => new State());
-    useUnitListEffect(list, (result) => list.union(result), {
-        Filters: user.info.organizationId
-            ? [{ c: "OrganizationId", o: "=", l: "And", v1: user.info.organizationId }]
-            : [],
-    });
-    return observe(() => (React.createElement("div", { className: "assignee-view" },
-        React.createElement("div", { className: "menu-item-title" }, "AssigneeView"),
-        React.createElement(Select, { loading: list.loading, value: Array.from(state.members.keys()), showSearch: true, placeholder: "Input or select contact.", filterOption: filterItems, optionLabelProp: "title", onSelect: onSelectMember, style: { width: 160 } }, list.data.map((i) => (React.createElement(Select.Option, { key: i.id, value: i.id, title: i.name }, i.name)))),
-        state.memberList.map((item, index) => (React.createElement("div", { key: item.id, className: classnames("assignee-view-item", {
-                bold: state.members.has(item.id),
-            }) },
-            React.createElement(AvatarItem, { id: item.id, index: index, inline: true }),
-            React.createElement(CloseOutlined, { onClick: () => onCancel(item.id) })))))));
-    function filterItems(input, option) {
-        return option.title.toLowerCase().includes(input.toLowerCase());
-    }
-    /** cancel select member */
-    function onCancel(id) {
-        state.memberList = state.memberList.filter((m) => m.id !== id);
-        state.members.delete(id);
-    }
-    /** selected member */
-    function onSelectMember(id) {
-        const item = list.data.find((x) => x.id === id);
-        state.members.has(id)
-            ? (state.memberList = list.data.filter((c) => c.id !== id))
-            : state.memberList.push(item);
-        state.members.has(id) ? state.members.delete(id) : state.members.set(id, true);
-    }
-};
-export default AssigneeView;
+import "./index.less";
+import { useUnitListEffect } from "@voplus/morpho-org";
+import { useCreateListDataState, useFilterOptionsContext } from "@voplus/morpho-ui/es/data";
+import AvatarItem from "@voplus/morpho-org/es/components/AvatarList/AvatarItem";
+import { CloseOutlined } from "@ant-design/icons";
+import React from "react";
+import { Select } from "antd";
+import { State } from "./state";
+import classnames from "classnames";
+import { observe } from "@voplus/morpho-ui";
+import { useApplicationContext } from "@voplus/morpho-data";
+const AssigneeView = () => {
+    const context = useFilterOptionsContext();
+    const { user } = useApplicationContext();
+    const list = useCreateListDataState({}, []);
+    const state = context.getFilterState("Assignee", () => new State());
+    useUnitListEffect(list, (result) => list.union(result), {
+        Filters: user.info.organizationId
+            ? [{ c: "OrganizationId", o: "=", l: "And", v1: user.info.organizationId }]
+            : [],
+    });
+    return observe(() => (React.createElement("div", { className: "assignee-view" },
+        React.createElement("div", { className: "menu-item-title" }, "AssigneeView"),
+        React.createElement(Select, { loading: list.loading, value: Array.from(state.members.keys()), showSearch: true, placeholder: "Input or select contact.", filterOption: filterItems, optionLabelProp: "title", onSelect: onSelectMember, style: { width: 160 } }, list.data.map((i) => (React.createElement(Select.Option, { key: i.id, value: i.id, title: i.name }, i.name)))),
+        state.memberList.map((item, index) => (React.createElement("div", { key: item.id, className: classnames("assignee-view-item", {
+                bold: state.members.has(item.id),
+            }) },
+            React.createElement(AvatarItem, { id: item.id, index: index, inline: true }),
+            React.createElement(CloseOutlined, { onClick: () => onCancel(item.id) })))))));
+    function filterItems(input, option) {
+        return option.title.toLowerCase().includes(input.toLowerCase());
+    }
+    /** cancel select member */
+    function onCancel(id) {
+        state.memberList = state.memberList.filter((m) => m.id !== id);
+        state.members.delete(id);
+    }
+    /** selected member */
+    function onSelectMember(id) {
+        const item = list.data.find((x) => x.id === id);
+        state.members.has(id)
+            ? (state.memberList = list.data.filter((c) => c.id !== id))
+            : state.memberList.push(item);
+        state.members.has(id) ? state.members.delete(id) : state.members.set(id, true);
+    }
+};
+export default AssigneeView;
 //# sourceMappingURL=index.js.map

package/es/controls/filters/AssigneeViewFilter/index.less

@@ -1,24 +1,24 @@
-:global {
-	.assignee-view {
-		&-item {
-			position: relative;
-			display: flex;
-			justify-content: space-between;
-			align-items: center;
-			height: 32px;
-			padding: 0 7px;
-			margin-top: 7px;
-			color: #999;
-			background: #f2f2f2;
-			font-size: 13px;
-			box-shadow: 0px 1px 0px 0.5px #dcdcdc;
-			cursor: pointer;
-			&.bold {
-				color: #000;
-			}
-			.anticon-close {
-				color: #444;
-			}
-		}
-	}
-}
+:global {
+	.assignee-view {
+		&-item {
+			position: relative;
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			height: 32px;
+			padding: 0 7px;
+			margin-top: 7px;
+			color: #999;
+			background: #f2f2f2;
+			font-size: 13px;
+			box-shadow: 0px 1px 0px 0.5px #dcdcdc;
+			cursor: pointer;
+			&.bold {
+				color: #000;
+			}
+			.anticon-close {
+				color: #444;
+			}
+		}
+	}
+}

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

@@ -1,13 +1,13 @@
-import { FilterOption } from "@voplus/morpho-data";
-import { IFilterState } from "@voplus/morpho-ui/es/data/IFilterState";
-import { IUnit } from "@voplus/morpho-org";
-export declare class State implements IFilterState {
-    /** Members of filter */
-    memberList: IUnit[];
-    /** Ids of member of filter */
-    members: Map<string, boolean>;
-    constructor();
-    /** 视乎State内容，返回正确的FilterOption[]. 在Filter时，Context 会使用此属性replace Context内FilterOption的资料。 */
-    get filters(): FilterOption[];
-    reset(): void;
-}
+import { FilterOption } from "@voplus/morpho-data";
+import { IFilterState } from "@voplus/morpho-ui/es/data/IFilterState";
+import { IUnit } from "@voplus/morpho-org";
+export declare class State implements IFilterState {
+    /** Members of filter */
+    memberList: IUnit[];
+    /** Ids of member of filter */
+    members: Map<string, boolean>;
+    constructor();
+    /** 视乎State内容，返回正确的FilterOption[]. 在Filter时，Context 会使用此属性replace Context内FilterOption的资料。 */
+    get filters(): FilterOption[];
+    reset(): void;
+}

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

@@ -1,44 +1,44 @@
-import { __decorate } from "tslib";
-import { makeObservable, observable } from "mobx";
-export class State {
-    constructor() {
-        /** Members of filter */
-        Object.defineProperty(this, "memberList", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: []
-        });
-        /** Ids of member of filter */
-        Object.defineProperty(this, "members", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: new Map()
-        });
-        makeObservable(this);
-    }
-    /** 视乎State内容，返回正确的FilterOption[]. 在Filter时，Context 会使用此属性replace Context内FilterOption的资料。 */
-    get filters() {
-        // if (this.members.size === 0) return [];
-        return [
-            {
-                c: "Members",
-                o: "contains",
-                v1: JSON.stringify(Array.from(this.members.keys())),
-                l: "And",
-            },
-        ];
-    }
-    reset() {
-        this.members.clear();
-        this.memberList = [];
-    }
-}
-__decorate([
-    observable
-], State.prototype, "memberList", void 0);
-__decorate([
-    observable
-], State.prototype, "members", void 0);
+import { __decorate } from "tslib";
+import { makeObservable, observable } from "mobx";
+export class State {
+    constructor() {
+        /** Members of filter */
+        Object.defineProperty(this, "memberList", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        /** Ids of member of filter */
+        Object.defineProperty(this, "members", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new Map()
+        });
+        makeObservable(this);
+    }
+    /** 视乎State内容，返回正确的FilterOption[]. 在Filter时，Context 会使用此属性replace Context内FilterOption的资料。 */
+    get filters() {
+        // if (this.members.size === 0) return [];
+        return [
+            {
+                c: "Members",
+                o: "contains",
+                v1: JSON.stringify(Array.from(this.members.keys())),
+                l: "And",
+            },
+        ];
+    }
+    reset() {
+        this.members.clear();
+        this.memberList = [];
+    }
+}
+__decorate([
+    observable
+], State.prototype, "memberList", void 0);
+__decorate([
+    observable
+], State.prototype, "members", void 0);
 //# sourceMappingURL=state.js.map