@voplus/morpho-workspace 2.0.12 → 4.0.1

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

@@ -1,58 +1,58 @@
-import { __decorate } from "tslib";
-import { makeObservable, observable } from "mobx";
-export class State {
-    constructor() {
-        /** key of hover check item */
-        Object.defineProperty(this, "hovered", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        /** sort mode */
-        Object.defineProperty(this, "sortMode", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        /** item of checkItem */
-        Object.defineProperty(this, "item", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: ""
-        });
-        /** list of checkItem */
-        Object.defineProperty(this, "list", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: []
-        });
-        /** loading of save a checkItem */
-        Object.defineProperty(this, "loading", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        makeObservable(this);
-    }
-}
-__decorate([
-    observable
-], State.prototype, "hovered", void 0);
-__decorate([
-    observable
-], State.prototype, "sortMode", void 0);
-__decorate([
-    observable
-], State.prototype, "item", void 0);
-__decorate([
-    observable
-], State.prototype, "list", void 0);
-__decorate([
-    observable
-], State.prototype, "loading", void 0);
+import { __decorate } from "tslib";
+import { makeObservable, observable } from "mobx";
+export class State {
+    constructor() {
+        /** key of hover check item */
+        Object.defineProperty(this, "hovered", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        /** sort mode */
+        Object.defineProperty(this, "sortMode", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        /** item of checkItem */
+        Object.defineProperty(this, "item", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ""
+        });
+        /** list of checkItem */
+        Object.defineProperty(this, "list", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        /** loading of save a checkItem */
+        Object.defineProperty(this, "loading", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        makeObservable(this);
+    }
+}
+__decorate([
+    observable
+], State.prototype, "hovered", void 0);
+__decorate([
+    observable
+], State.prototype, "sortMode", void 0);
+__decorate([
+    observable
+], State.prototype, "item", void 0);
+__decorate([
+    observable
+], State.prototype, "list", void 0);
+__decorate([
+    observable
+], State.prototype, "loading", void 0);
 //# sourceMappingURL=state.js.map

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

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-import "./index.less";
-declare const NewTypeForm: (props: {
-    workspaceId: string;
-    className?: string | undefined;
-    block?: boolean | undefined;
-    onSave?: ((params?: any) => void) | undefined;
-    onCancel?: (() => void) | undefined;
-}) => JSX.Element;
-export default NewTypeForm;
+/// <reference types="react" />
+import "./index.less";
+declare const NewTypeForm: (props: {
+    workspaceId: string;
+    className?: string | undefined;
+    block?: boolean | undefined;
+    onSave?: ((params?: any) => void) | undefined;
+    onCancel?: (() => void) | undefined;
+}) => JSX.Element;
+export default NewTypeForm;

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

@@ -1,43 +1,43 @@
-import "./index.less";
-import { Input, Spin, message } from "antd";
-import React, { useState } from "react";
-import { State } from "./state";
-import { observe } from "@voplus/morpho-ui";
-import { runInAction } from "mobx";
-import { useWorkTypeStore } from "../../../../../data/worktype";
-const NewTypeForm = (props) => {
-    const worktype = useWorkTypeStore();
-    const [state] = useState(new State({ workspaceId: props.workspaceId }));
-    return observe(() => (React.createElement("div", { className: "new-work-type" },
-        React.createElement(Spin, { spinning: !!state.loading },
-            React.createElement(Input, { autoFocus: true, value: state.params.Name, placeholder: "Enter a title for this worktype", onChange: (e) => runInAction(() => (state.params.Name = e.target.value)), onPressEnter: () => onSubmit(), onKeyDown: onKeyDown })))));
-    async function onSubmit() {
-        var _a;
-        if (!state.params.Name)
-            return message.warning("Title is required");
-        runInAction(() => (state.loading = true));
-        const res = await worktype.create({
-            data: { ...state.params, workspaceId: props.workspaceId },
-            error: "message",
-        });
-        (_a = props.onSave) === null || _a === void 0 ? void 0 : _a.call(props);
-        runInAction(() => {
-            state.loading = false;
-            state.params = state.Params;
-        });
-        return;
-    }
-    function onKeyDown(e) {
-        if (e.keyCode !== 27)
-            return;
-        onCancel();
-    }
-    // cancel add worktype
-    function onCancel() {
-        state.params = state.Params;
-        if (props.onCancel)
-            props.onCancel();
-    }
-};
-export default NewTypeForm;
+import "./index.less";
+import { Input, Spin, message } from "antd";
+import React, { useState } from "react";
+import { State } from "./state";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+import { useWorkTypeStore } from "../../../../../data/worktype";
+const NewTypeForm = (props) => {
+    const worktype = useWorkTypeStore();
+    const [state] = useState(new State({ workspaceId: props.workspaceId }));
+    return observe(() => (React.createElement("div", { className: "new-work-type" },
+        React.createElement(Spin, { spinning: !!state.loading },
+            React.createElement(Input, { autoFocus: true, value: state.params.Name, placeholder: "Enter a title for this worktype", onChange: (e) => runInAction(() => (state.params.Name = e.target.value)), onPressEnter: () => onSubmit(), onKeyDown: onKeyDown })))));
+    async function onSubmit() {
+        var _a;
+        if (!state.params.Name)
+            return message.warning("Title is required");
+        runInAction(() => (state.loading = true));
+        const res = await worktype.create({
+            data: { ...state.params, workspaceId: props.workspaceId },
+            error: "message",
+        });
+        (_a = props.onSave) === null || _a === void 0 ? void 0 : _a.call(props);
+        runInAction(() => {
+            state.loading = false;
+            state.params = state.Params;
+        });
+        return;
+    }
+    function onKeyDown(e) {
+        if (e.keyCode !== 27)
+            return;
+        onCancel();
+    }
+    // cancel add worktype
+    function onCancel() {
+        state.params = state.Params;
+        if (props.onCancel)
+            props.onCancel();
+    }
+};
+export default NewTypeForm;
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
-@import "../../../../../style/common.less";
-
-:global {
-	.new-work-type {
-		padding: 10px 20px;
-	}
-}
+@import "../../../../../style/common.less";
+
+:global {
+	.new-work-type {
+		padding: 10px 20px;
+	}
+}

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

@@ -1,11 +1,11 @@
-export declare class State {
-    private _store;
-    constructor(_store: any);
-    Params: {
-        Name: string;
-    };
-    params: {
-        Name: string;
-    };
-    loading: boolean;
-}
+export declare class State {
+    private _store;
+    constructor(_store: any);
+    Params: {
+        Name: string;
+    };
+    params: {
+        Name: string;
+    };
+    loading: boolean;
+}

package/es/modules/work/work-type/components/NewTypeForm/state.js

@@ -1,40 +1,40 @@
-import { __decorate } from "tslib";
-import { makeObservable, observable } from "mobx";
-export class State {
-    constructor(_store) {
-        Object.defineProperty(this, "_store", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: _store
-        });
-        Object.defineProperty(this, "Params", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: {
-                Name: ""
-            }
-        });
-        Object.defineProperty(this, "params", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: this.Params
-        });
-        Object.defineProperty(this, "loading", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        makeObservable(this);
-    }
-}
-__decorate([
-    observable
-], State.prototype, "params", void 0);
-__decorate([
-    observable
-], State.prototype, "loading", void 0);
+import { __decorate } from "tslib";
+import { makeObservable, observable } from "mobx";
+export class State {
+    constructor(_store) {
+        Object.defineProperty(this, "_store", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: _store
+        });
+        Object.defineProperty(this, "Params", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {
+                Name: ""
+            }
+        });
+        Object.defineProperty(this, "params", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: this.Params
+        });
+        Object.defineProperty(this, "loading", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        makeObservable(this);
+    }
+}
+__decorate([
+    observable
+], State.prototype, "params", void 0);
+__decorate([
+    observable
+], State.prototype, "loading", void 0);
 //# sourceMappingURL=state.js.map

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

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

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

@@ -1,51 +1,51 @@
-import "./index.less";
-import { Calendar, DatePicker, Divider, Form, InputNumber, Radio, Select, Space } from "antd";
-import React, { useState } from "react";
-import { observe } from "@voplus/morpho-ui";
-const RepeatTab = (props) => {
-    const { Option } = Select;
-    const dateFormatList = ["DD MMM yyyy"];
-    const [select, setSelect] = useState("Week");
-    return observe(() => (React.createElement("div", { className: "repeat-tab" },
-        React.createElement("div", { className: "repeat-tab-head" }, "Repeat Tab"),
-        React.createElement(Form, { className: "repeat-tab-content", labelAlign: "left", labelCol: { span: 2 } },
-            React.createElement(Form.Item, { label: "Every" },
-                React.createElement(InputNumber, { defaultValue: "1", bordered: false }),
-                React.createElement(Select, { onChange: handleChange, defaultValue: "Week", style: { width: 120 }, bordered: false },
-                    React.createElement(Option, { value: "Week" }, "Week"),
-                    React.createElement(Option, { value: "Month" }, "Month"),
-                    React.createElement(Option, { value: "Year" }, "Year")),
-                select === "Week" && (React.createElement("ul", { className: "week-content" },
-                    React.createElement("li", { className: "week-content-item" }, "Sun"),
-                    React.createElement("li", { className: "week-content-item" }, "Mon"),
-                    React.createElement("li", { className: "week-content-item" }, "Tue"),
-                    React.createElement("li", { className: "week-content-item" }, "Wed"),
-                    React.createElement("li", { className: "week-content-item" }, "Thu"),
-                    React.createElement("li", { className: "week-content-item" }, "Fri"),
-                    React.createElement("li", { className: "week-content-item" }, "Sst"))),
-                select === "Month" && (React.createElement("div", { className: "site-calendar-demo-card" },
-                    React.createElement(Calendar, { mode: "month", fullscreen: false }))),
-                select === "Year" && React.createElement("div", null, "Year")),
-            React.createElement(Divider, null),
-            React.createElement(Form.Item, { label: "Ends" },
-                React.createElement(Radio.Group, null,
-                    React.createElement(Space, { direction: "vertical" },
-                        React.createElement(Radio, { value: "never" }, "Never"),
-                        React.createElement("div", null,
-                            React.createElement(Radio, { value: "on" }, "On"),
-                            React.createElement(DatePicker, { bordered: false, format: dateFormatList }))))),
-            React.createElement(Divider, null),
-            React.createElement("span", { style: { fontWeight: 500 } }, "Weekly on Wednesday, Friday"),
-            React.createElement(Divider, null)))));
-    function handleChange(value) {
-        setSelect(value);
-    }
-    function onPanelChange(value, mode) {
-        console.log(value, mode);
-    }
-    function onChange(checkedValues) {
-        console.log("checked = ", checkedValues);
-    }
-};
-export default RepeatTab;
+import "./index.less";
+import { Calendar, DatePicker, Divider, Form, InputNumber, Radio, Select, Space } from "antd";
+import React, { useState } from "react";
+import { observe } from "@voplus/morpho-ui";
+const RepeatTab = (props) => {
+    const { Option } = Select;
+    const dateFormatList = ["DD MMM yyyy"];
+    const [select, setSelect] = useState("Week");
+    return observe(() => (React.createElement("div", { className: "repeat-tab" },
+        React.createElement("div", { className: "repeat-tab-head" }, "Repeat Tab"),
+        React.createElement(Form, { className: "repeat-tab-content", labelAlign: "left", labelCol: { span: 2 } },
+            React.createElement(Form.Item, { label: "Every" },
+                React.createElement(InputNumber, { defaultValue: "1", bordered: false }),
+                React.createElement(Select, { onChange: handleChange, defaultValue: "Week", style: { width: 120 }, bordered: false },
+                    React.createElement(Option, { value: "Week" }, "Week"),
+                    React.createElement(Option, { value: "Month" }, "Month"),
+                    React.createElement(Option, { value: "Year" }, "Year")),
+                select === "Week" && (React.createElement("ul", { className: "week-content" },
+                    React.createElement("li", { className: "week-content-item" }, "Sun"),
+                    React.createElement("li", { className: "week-content-item" }, "Mon"),
+                    React.createElement("li", { className: "week-content-item" }, "Tue"),
+                    React.createElement("li", { className: "week-content-item" }, "Wed"),
+                    React.createElement("li", { className: "week-content-item" }, "Thu"),
+                    React.createElement("li", { className: "week-content-item" }, "Fri"),
+                    React.createElement("li", { className: "week-content-item" }, "Sst"))),
+                select === "Month" && (React.createElement("div", { className: "site-calendar-demo-card" },
+                    React.createElement(Calendar, { mode: "month", fullscreen: false }))),
+                select === "Year" && React.createElement("div", null, "Year")),
+            React.createElement(Divider, null),
+            React.createElement(Form.Item, { label: "Ends" },
+                React.createElement(Radio.Group, null,
+                    React.createElement(Space, { direction: "vertical" },
+                        React.createElement(Radio, { value: "never" }, "Never"),
+                        React.createElement("div", null,
+                            React.createElement(Radio, { value: "on" }, "On"),
+                            React.createElement(DatePicker, { bordered: false, format: dateFormatList }))))),
+            React.createElement(Divider, null),
+            React.createElement("span", { style: { fontWeight: 500 } }, "Weekly on Wednesday, Friday"),
+            React.createElement(Divider, null)))));
+    function handleChange(value) {
+        setSelect(value);
+    }
+    function onPanelChange(value, mode) {
+        console.log(value, mode);
+    }
+    function onChange(checkedValues) {
+        console.log("checked = ", checkedValues);
+    }
+};
+export default RepeatTab;
 //# sourceMappingURL=index.js.map

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

@@ -1,43 +1,43 @@
-:global {
-    .repeat-tab {}
-
-    .repeat-tab-head {
-        padding: 10px 20px;
-        background: #fff;
-        font-size: 16px;
-        font-weight: 600;
-        border-bottom: 1px solid #f2f2f2;
-    }
-
-    .repeat-tab-content {
-        padding: 10px 20px;
-    }
-
-    .site-calendar-demo-card {
-        width: 300px;
-        border: 1px solid #f0f0f0;
-        border-radius: 2px;
-    }
-
-    .week-content {
-        display: flex;
-        flex-direction: row;
-    }
-
-    .week-content-item {
-        width: 32px;
-        height: 32px;
-        line-height: 32px;
-        list-style: none;
-        padding: 0px;
-        margin-right: 3px;
-        text-align: center;
-        border-radius: 50%;
-        cursor: pointer;
-        // color: #fff;
-        // background: #1890ff;
-        border-color: #1890ff;
-        text-shadow: 0 -1px 0 rgb(0 0 0 / 12%);
-        box-shadow: 0 2px 0 rgb(0 0 0 / 5%);
-    }
+:global {
+    .repeat-tab {}
+
+    .repeat-tab-head {
+        padding: 10px 20px;
+        background: #fff;
+        font-size: 16px;
+        font-weight: 600;
+        border-bottom: 1px solid #f2f2f2;
+    }
+
+    .repeat-tab-content {
+        padding: 10px 20px;
+    }
+
+    .site-calendar-demo-card {
+        width: 300px;
+        border: 1px solid #f0f0f0;
+        border-radius: 2px;
+    }
+
+    .week-content {
+        display: flex;
+        flex-direction: row;
+    }
+
+    .week-content-item {
+        width: 32px;
+        height: 32px;
+        line-height: 32px;
+        list-style: none;
+        padding: 0px;
+        margin-right: 3px;
+        text-align: center;
+        border-radius: 50%;
+        cursor: pointer;
+        // color: #fff;
+        // background: #1890ff;
+        border-color: #1890ff;
+        text-shadow: 0 -1px 0 rgb(0 0 0 / 12%);
+        box-shadow: 0 2px 0 rgb(0 0 0 / 5%);
+    }
 }

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

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-import '../../../../workspace/components/WorkspaceIcon/index.less';
-declare const WorkTypeIcon: (props: {
-    id?: string;
-    index?: number;
-    size?: "large" | "middle" | "small";
-    /** WorkType Card 显示选中时的样式 */
-    active?: boolean;
-}) => JSX.Element;
-export default WorkTypeIcon;
+/// <reference types="react" />
+import '../../../../workspace/components/WorkspaceIcon/index.less';
+declare const WorkTypeIcon: (props: {
+    id?: string;
+    index?: number;
+    size?: "large" | "middle" | "small";
+    /** WorkType Card 显示选中时的样式 */
+    active?: boolean;
+}) => JSX.Element;
+export default WorkTypeIcon;

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

@@ -1,18 +1,18 @@
-import React from "react";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import { faFileAlt } from "@fortawesome/pro-regular-svg-icons";
-import { observe } from "@voplus/morpho-ui";
-import { useWorkType } from "../../../../../data/worktype";
-import Card from "@voplus/morpho-ui/es/controls/Card";
-import classnames from "classnames";
-import '../../../../workspace/components/WorkspaceIcon/index.less';
-const WorkTypeIcon = (props) => {
-    const { id, active } = props;
-    const worktype = useWorkType(id, { reload: false });
-    return observe(() => (React.createElement(Card, { className: classnames("diamond-common-style", { active: active }), padding: "15px 12px", shadow: false, hoverShadow: false },
-        React.createElement("div", { className: classnames("diamond-icon"), style: { backgroundColor: "#EE6868" } },
-            React.createElement(FAIcon, { icon: faFileAlt, className: "diamond-icon-fa" })),
-        React.createElement("div", { className: "diamond-name" }, worktype === null || worktype === void 0 ? void 0 : worktype.name))));
-};
-export default WorkTypeIcon;
+import React from "react";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { faFileAlt } from "@fortawesome/pro-regular-svg-icons";
+import { observe } from "@voplus/morpho-ui";
+import { useWorkType } from "../../../../../data/worktype";
+import Card from "@voplus/morpho-ui/es/controls/Card";
+import classnames from "classnames";
+import '../../../../workspace/components/WorkspaceIcon/index.less';
+const WorkTypeIcon = (props) => {
+    const { id, active } = props;
+    const worktype = useWorkType(id, { reload: false });
+    return observe(() => (React.createElement(Card, { className: classnames("diamond-common-style", { active: active }), padding: "15px 12px", shadow: false, hoverShadow: false },
+        React.createElement("div", { className: classnames("diamond-icon"), style: { backgroundColor: "#EE6868" } },
+            React.createElement(FAIcon, { icon: faFileAlt, className: "diamond-icon-fa" })),
+        React.createElement("div", { className: "diamond-name" }, worktype === null || worktype === void 0 ? void 0 : worktype.name))));
+};
+export default WorkTypeIcon;
 //# sourceMappingURL=index.js.map

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

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-import { IWorkType } from "../../../../../data/worktype";
-/** A worktype list view shows worktype in card style. */
-declare const WorkTypeIconList: (props: {
-    workspaceId: string;
-    /** item onclick */
-    onItemClick?: ((item: IWorkType) => void) | undefined;
-}) => JSX.Element;
-export default WorkTypeIconList;
+/// <reference types="react" />
+import { IWorkType } from "../../../../../data/worktype";
+/** A worktype list view shows worktype in card style. */
+declare const WorkTypeIconList: (props: {
+    workspaceId: string;
+    /** item onclick */
+    onItemClick?: ((item: IWorkType) => void) | undefined;
+}) => JSX.Element;
+export default WorkTypeIconList;