@voplus/morpho-workspace 1.2.6 → 1.3.1

package/es/modules/workspace/pages/WorkspacePage/state.js

@@ -0,0 +1,108 @@
+import { __decorate } from "tslib";
+import { action, computed, makeObservable, observable } from "mobx";
+export class State {
+    constructor(_layout, _url) {
+        Object.defineProperty(this, "_layout", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: _layout
+        });
+        Object.defineProperty(this, "_url", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: _url
+        });
+        Object.defineProperty(this, "menuKey", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: undefined
+        });
+        Object.defineProperty(this, "workStatusTotals", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {
+                new: 0,
+                due: 0,
+                pending: 0,
+                done: 0,
+                cancelled: 0,
+            }
+        });
+        makeObservable(this);
+    }
+    navigate(key, rest) {
+        this.menuKey = [key];
+        this._layout.history.push(`${this._url}${key}${rest !== null && rest !== void 0 ? rest : ""}`);
+    }
+    updateWorkStatusTotal(oldStatus, status) {
+        this.workStatusTotals[oldStatus.toLowerCase()]--;
+        this.workStatusTotals[status.toLowerCase()]++;
+    }
+    get nNewOptions() {
+        return {
+            Total: true,
+            List: false,
+            Filters: [{ c: "WorkStatus", o: "=", l: "And", v1: "New" }],
+        };
+    }
+    get nDueOptions() {
+        return {
+            Total: true,
+            List: false,
+            Filters: [{ c: "WorkStatus", o: "=", l: "And", v1: "Due" }],
+        };
+    }
+    get nPendingOptions() {
+        return {
+            Total: true,
+            List: false,
+            Filters: [{ c: "WorkStatus", o: "=", l: "And", v1: "Pending" }],
+        };
+    }
+    get nDoneOptions() {
+        return {
+            Total: true,
+            List: false,
+            Filters: [{ c: "WorkStatus", o: "=", l: "And", v1: "Done" }],
+        };
+    }
+    get nCancelledOptions() {
+        return {
+            Total: true,
+            List: false,
+            Filters: [{ c: "WorkStatus", o: "=", l: "And", v1: "Cancelled" }],
+        };
+    }
+}
+__decorate([
+    observable
+], State.prototype, "menuKey", void 0);
+__decorate([
+    observable
+], State.prototype, "workStatusTotals", void 0);
+__decorate([
+    action
+], State.prototype, "navigate", null);
+__decorate([
+    action
+], State.prototype, "updateWorkStatusTotal", null);
+__decorate([
+    computed
+], State.prototype, "nNewOptions", null);
+__decorate([
+    computed
+], State.prototype, "nDueOptions", null);
+__decorate([
+    computed
+], State.prototype, "nPendingOptions", null);
+__decorate([
+    computed
+], State.prototype, "nDoneOptions", null);
+__decorate([
+    computed
+], State.prototype, "nCancelledOptions", null);
+//# sourceMappingURL=state.js.map

package/es/modules/workspace/pages/WorkspacePage/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/workspace/pages/WorkspacePage/state.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAKpE,MAAM,OAAO,KAAK;IAWjB,YAAoB,OAAsB,EAAU,IAAY;;;;;mBAA5C;;;;;;mBAAgC;;QAVxC;;;;mBAAiB,SAAiC;WAAC;QAEnD;;;;mBAA0B;gBACrC,GAAG,EAAE,CAAC;gBACN,GAAG,EAAE,CAAC;gBACN,OAAO,EAAE,CAAC;gBACV,IAAI,EAAE,CAAC;gBACP,SAAS,EAAE,CAAC;aACZ;WAAC;QAGD,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;IAEc,QAAQ,CAAC,GAAW,EAAE,IAAa;QACjD,IAAI,CAAC,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC;QACrB,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,GAAG,GAAG,GAAG,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE,EAAE,CAAC,CAAC;IAC9D,CAAC;IAGM,qBAAqB,CAAC,SAAoB,EAAE,MAAiB;QACnE,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,WAAW,EAAE,CAAC,EAAE,CAAC;QACjD,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,EAAE,CAAC;IAC/C,CAAC;IAGD,IAAW,WAAW;QACrB,OAAO;YACN,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,KAAK;YACX,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC;SAC3D,CAAC;IACH,CAAC;IAGD,IAAW,WAAW;QACrB,OAAO;YACN,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,KAAK;YACX,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC;SAC3D,CAAC;IACH,CAAC;IAGD,IAAW,eAAe;QACzB,OAAO;YACN,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,KAAK;YACX,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC;SAC/D,CAAC;IACH,CAAC;IAGD,IAAW,YAAY;QACtB,OAAO;YACN,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,KAAK;YACX,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC;SAC5D,CAAC;IACH,CAAC;IAGD,IAAW,iBAAiB;QAC3B,OAAO;YACN,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,KAAK;YACX,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC;SACjE,CAAC;IACH,CAAC;CACD;AArEY;IAAX,UAAU;sCAAoD;AAEnD;IAAX,UAAU;+CAMT;AAMM;IAAP,MAAM;qCAGN;AAGD;IADC,MAAM;kDAIN;AAGD;IADC,QAAQ;wCAOR;AAGD;IADC,QAAQ;wCAOR;AAGD;IADC,QAAQ;4CAOR;AAGD;IADC,QAAQ;yCAOR;AAGD;IADC,QAAQ;8CAOR"}

package/es/modules/worktype/components/WorkTypeCard/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import "./index.less";
+declare const WorkTypeCard: (props: {
+    id?: string;
+    /** WorkType Card 显示选中时的样式 */
+    active?: boolean;
+}) => JSX.Element;
+export default WorkTypeCard;

package/es/modules/worktype/components/WorkTypeCard/index.js

@@ -0,0 +1,18 @@
+import React from "react";
+import Card from "@voplus/morpho-ui/es/controls/Card";
+import classnames from "classnames";
+import { faAcorn, faPlus } from "@fortawesome/pro-light-svg-icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { observe } from "@voplus/morpho-ui";
+import { useWorkType } from "../../../../data/worktype";
+import "./index.less";
+const WorkTypeCard = (props) => {
+    const { id, active } = props;
+    const worktype = useWorkType(id, { reload: false });
+    return observe(() => React.createElement(Card, { className: classnames("worktype-card", { active: active }), padding: "15px 12px", shadow: false, hoverShadow: false },
+        React.createElement("div", { className: classnames("worktypes-icon", { "new-worktype-icon": !id }) },
+            React.createElement(FAIcon, { icon: id ? faAcorn : faPlus })),
+        React.createElement("div", { className: "worktypes-name" }, (worktype === null || worktype === void 0 ? void 0 : worktype.name) || "New WorkType")));
+};
+export default WorkTypeCard;
+//# sourceMappingURL=index.js.map

package/es/modules/worktype/components/WorkTypeCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/worktype/components/WorkTypeCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,oCAAoC,CAAC;AACtD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AACnE,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,cAAc,CAAC;AAEtB,MAAM,YAAY,GAAG,CAAC,KAIrB,EAAE,EAAE;IACJ,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAC7B,MAAM,QAAQ,GAAG,WAAW,CAAC,EAAG,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;IAErD,OAAO,OAAO,CAAC,GAAG,EAAE,CACnB,oBAAC,IAAI,IACJ,SAAS,EAAE,UAAU,CAAC,eAAe,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAE1D,OAAO,EAAC,WAAW,EACnB,MAAM,EAAE,KAAK,EACb,WAAW,EAAE,KAAK;QAElB,6BAAK,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE,EAAE,mBAAmB,EAAE,CAAC,EAAE,EAAE,CAAC;YACzE,oBAAC,MAAM,IAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,GAAI,CAClC;QACN,6BAAK,SAAS,EAAC,gBAAgB,IAC7B,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,KAAI,cAAc,CAC5B,CACC,CACR,CAAA;AACF,CAAC,CAAA;AAED,eAAe,YAAY,CAAC"}

package/es/modules/worktype/components/WorkTypeCard/index.less

@@ -0,0 +1,47 @@
+:global {
+	.worktype-card {
+		width: 110px;
+		display: flex;
+		flex-flow: column;
+		align-items: center;
+		border-radius: 15px;
+		padding: 15px 8px;
+		background: transparent;
+		&.active {
+			background: #dedbdb57;
+		}
+		&:hover {
+			background: #dedbdb57;
+		}
+		.worktypes-icon {
+			width: 80px;
+			height: 80px;
+			font-size: 24px;
+			color: #ffffff;
+			background: pink;
+			border-radius: 15px;
+			border: solid 1px #ffffff;
+			display: flex;
+			justify-content: center;
+			align-items: center;
+		}
+		.new-worktype-icon {
+			color: #bdb9b9;
+			background: #ffffff;
+			border: dashed 1px #bdb9b9;
+		}
+		.worktypes-name {
+			width: 100%;
+			height: 36px;
+			font-size: 15px;
+			text-align: center;
+			display: -webkit-box;
+			-webkit-box-orient: vertical;
+			-webkit-line-clamp: 2;
+			line-height: 18px;
+			overflow: hidden;
+			text-overflow: ellipsis;
+			margin-top: 10px;
+		}
+	}
+}

package/es/modules/worktype/components/WorkTypeCardList/index.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import "./index.less";
+import { IWorkType } from "../../../../data/worktype";
+/** A worktype list view shows worktype in card style. */
+declare const WorkTypeCardList: {
+    (props: {
+        /** 设置work type item类型,默认值default */
+        type?: "default" | "card" | undefined;
+        /** item onclick */
+        onItemClick?: ((item: IWorkType) => void) | undefined;
+    }): JSX.Element;
+    defaultProps: {
+        type: string;
+    };
+};
+export default WorkTypeCardList;

package/es/modules/worktype/components/WorkTypeCardList/index.js

@@ -0,0 +1,50 @@
+import "./index.less";
+import { useWorkTypeListEffect } from "../../../../data/worktype";
+import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
+import React, { useState } from "react";
+import DocumentItemFrame from "@voplus/morpho-document/es/controls/DocumentItemFrame";
+import InfiniteScrollView from "@voplus/morpho-ui/es/controls/InfiniteScrollView";
+import WorkTypeCard from "../WorkTypeCard";
+import WorkTypeItem from "../WorkTypeItem";
+import classnames from "classnames";
+import { observe } from "@voplus/morpho-ui";
+import { useRenderOnChange } from "@voplus/morpho-ui";
+/** A worktype list view shows worktype in card style. */
+const WorkTypeCardList = (props) => {
+    const [active, setActive] = useState(null);
+    const list = useCreateListDataState({
+        filterDefaults: {
+            includes: "tags",
+            filters: [],
+        },
+    }, []);
+    /** 如果 list.filters.options变更了就重渲染，使下一行的useWorkTypeListEffect 可以接收新参数*/
+    useRenderOnChange(() => list.filters.options);
+    /** 把ListDataState传给useWorkTypeListEffect,使之可以自動更新loading, hasmore. */
+    useWorkTypeListEffect(list, (result) => list.union(result), list.filters.options);
+    return observe(() => (React.createElement(ListDataContext.Provider, { value: list },
+        React.createElement("div", { className: classnames("worktype-list-view", { "worktype-card-list": props.type === "card" }) },
+            React.createElement(InfiniteScrollView, { empty: list.isEmpty, loading: list.loading, hasMore: list.hasMore, loadMore: loadMore },
+                React.createElement("div", { className: "worktype-list-content" }, list.data.map((i) => (React.createElement("div", { key: i.id, onClick: () => onItemClick(i) }, props.type === "card" ?
+                    React.createElement(WorkTypeCard, { id: i.id, active: active === i.id })
+                    :
+                        React.createElement(DocumentItemFrame, { frameProps: {
+                                active: active === i.id,
+                                hoverEffect: "background",
+                                hoverBackgroundProps: { color: "#f2f2f2" },
+                            } },
+                            React.createElement(WorkTypeItem, { id: i.id })))))))))));
+    function loadMore() {
+        list.triggerNextPage();
+    }
+    function onItemClick(item) {
+        var _a;
+        setActive(item.id);
+        (_a = props.onItemClick) === null || _a === void 0 ? void 0 : _a.call(props, item);
+    }
+};
+WorkTypeCardList.defaultProps = {
+    type: "default"
+};
+export default WorkTypeCardList;
+//# sourceMappingURL=index.js.map

package/es/modules/worktype/components/WorkTypeCardList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/worktype/components/WorkTypeCardList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAa,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACpF,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,iBAAiB,MAAM,uDAAuD,CAAC;AACtF,OAAO,kBAAkB,MAAM,kDAAkD,CAAC;AAClF,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEtD,yDAAyD;AACzD,MAAM,gBAAgB,GAAG,CAAC,KAKzB,EAAE,EAAE;IACJ,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAE1D,MAAM,IAAI,GAAG,sBAAsB,CAClC;QACC,cAAc,EAAE;YACf,QAAQ,EAAE,MAAM;YAChB,OAAO,EAAE,EAAE;SACX;KACD,EACD,EAAE,CACF,CAAC;IAEF,uEAAuE;IACvE,iBAAiB,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAE9C,sEAAsE;IACtE,qBAAqB,CAAC,IAAI,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAElF,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI;QACpC,6BAAK,SAAS,EAAE,UAAU,CAAC,oBAAoB,EAAE,EAAE,oBAAoB,EAAE,KAAK,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;YAEhG,oBAAC,kBAAkB,IAClB,KAAK,EAAE,IAAI,CAAC,OAAO,EACnB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,QAAQ;gBAElB,6BAAK,SAAS,EAAC,uBAAuB,IACpC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACrB,6BAAK,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,IAC3C,KAAK,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC;oBACvB,oBAAC,YAAY,IAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,KAAK,CAAC,CAAC,EAAE,GAAI;oBACnD,CAAC;wBACD,oBAAC,iBAAiB,IACjB,UAAU,EAAE;gCACX,MAAM,EAAE,MAAM,KAAK,CAAC,CAAC,EAAE;gCACvB,WAAW,EAAE,YAAY;gCACzB,oBAAoB,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;6BAC1C;4BAED,oBAAC,YAAY,IAAC,EAAE,EAAE,CAAC,CAAC,EAAE,GAAI,CACP,CAGhB,CACN,CAAC,CACG,CACc,CAChB,CACoB,CAC3B,CAAC,CAAC;IAEH,SAAS,QAAQ;QAChB,IAAI,CAAC,eAAe,EAAE,CAAC;IACxB,CAAC;IAED,SAAS,WAAW,CAAC,IAAe;;QACnC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACnB,MAAA,KAAK,CAAC,WAAW,+CAAjB,KAAK,EAAe,IAAI,CAAC,CAAC;IAC3B,CAAC;AACF,CAAC,CAAC;AAEF,gBAAgB,CAAC,YAAY,GAAG;IAC/B,IAAI,EAAE,SAAS;CACf,CAAA;AAED,eAAe,gBAAgB,CAAC"}

package/es/modules/worktype/components/WorkTypeCardList/index.less

@@ -0,0 +1,15 @@
+:global {
+	.worktype-list-view {
+		height: 100%;
+		&.worktype-card-list {
+			padding: 0 12px;
+			.worktype-list-content {
+				display: flex;
+				flex-wrap: wrap;
+				> div {
+					margin: 8px;
+				}
+			}
+		}
+	}
+}

package/es/modules/worktype/components/WorkTypeItem/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import "./index.less";
+declare const WorkTypeItem: (props: {
+    id?: string;
+    /** WorkType Card 显示选中时的样式 */
+    active?: boolean;
+}) => JSX.Element;
+export default WorkTypeItem;

package/es/modules/worktype/components/WorkTypeItem/index.js

@@ -0,0 +1,11 @@
+import "./index.less";
+import React from "react";
+import { observe } from "@voplus/morpho-ui";
+import { useWorkType } from "../../../../data/worktype";
+const WorkTypeItem = (props) => {
+    const { id, active } = props;
+    const worktype = useWorkType(id, { reload: false });
+    return observe(() => React.createElement("div", { className: "worktype-item" }, worktype.name));
+};
+export default WorkTypeItem;
+//# sourceMappingURL=index.js.map

package/es/modules/worktype/components/WorkTypeItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/worktype/components/WorkTypeItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAExD,MAAM,YAAY,GAAG,CAAC,KAIrB,EAAE,EAAE;IACJ,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAC7B,MAAM,QAAQ,GAAG,WAAW,CAAC,EAAG,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;IAErD,OAAO,OAAO,CAAC,GAAG,EAAE,CACnB,6BAAK,SAAS,EAAC,eAAe,IAC5B,QAAQ,CAAC,IAAI,CACT,CACN,CAAA;AACF,CAAC,CAAA;AAED,eAAe,YAAY,CAAC"}

package/es/modules/worktype/components/WorkTypeItem/index.less

@@ -0,0 +1,19 @@
+:global {
+	.worktype-item {
+		position: relative;
+		color: #000;
+		font-size: 15px;
+		font-weight: 500;
+		word-break: break-all;
+		padding: 20px;
+		// background: transparent;
+		&:after {
+			position: absolute;
+			content: "";
+			left: 20px;
+			right: 20px;
+			bottom: 0;
+			border-bottom: 1px solid #f2f2f2;
+		}
+	}
+}

package/es/modules/worktype/components/WorkTypeProperties/index.d.ts

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

package/es/modules/worktype/components/WorkTypeProperties/index.js

@@ -0,0 +1,56 @@
+import React, { useState, useEffect } from "react";
+import { InputNumber, Form } from "@voplus/antd";
+import { InlineEdit, observe } from "@voplus/morpho-ui";
+import DocumentSelectDialog from "@voplus/morpho-document/es/components/DocumentSelectDialog";
+import AvatarList from "@voplus/morpho-document/es/components/AvatarList";
+import { useApplicationContext } from "@voplus/morpho-data";
+import { useWorkType, useWorkTypeStore } from "../../../../data/worktype";
+import { State } from "./state";
+import { runInAction } from "mobx";
+import "./index.less";
+const WorkTypeProperties = (props) => {
+    const store = useWorkTypeStore();
+    const [state] = useState(new State(store));
+    const contact = useWorkType(props.id);
+    state.update(contact);
+    const [form] = Form.useForm();
+    const { user } = useApplicationContext();
+    useEffect(() => {
+        runInAction(() => (state.defaultdueEdit = contact.defaultDue ? true : false));
+    }, [props.id]);
+    return observe(() => {
+        var _a, _b, _c;
+        return (React.createElement("div", { className: "work-type-properties" },
+            React.createElement(Form, { form: form, labelAlign: "left", labelCol: { span: 10 }, scrollToFirstError: true },
+                React.createElement(Form.Item, { label: "Number Format" },
+                    React.createElement(InlineEdit, { defaultValue: (_a = contact.sequence) === null || _a === void 0 ? void 0 : _a.format, content: (v) => {
+                            var _a;
+                            return (React.createElement("div", null, ((_a = contact.sequence) === null || _a === void 0 ? void 0 : _a.format) ? contact.sequence.format : "Add NumberFormat"));
+                        }, onSave: (value) => { var _a; return state.save(value, (_a = contact.sequence) === null || _a === void 0 ? void 0 : _a.format, { Sequence: { format: value } }); } })),
+                React.createElement(Form.Item, { label: "Default Folder" },
+                    React.createElement("div", { onClick: () => runInAction(() => (state.folderEdit = true)) }, ((_b = state.contact.defaultFolder) === null || _b === void 0 ? void 0 : _b.name) || "Add Default Folder")),
+                React.createElement(Form.Item, { label: "Documentation" },
+                    React.createElement("div", { onClick: () => runInAction(() => (state.documentationEdit = true)) }, ((_c = state.contact.document) === null || _c === void 0 ? void 0 : _c.name) || "Add Documentation")),
+                React.createElement(Form.Item, { label: "Default Due" }, state.defaultdueEdit ? (React.createElement(InputNumber, { min: 0, defaultValue: state.contact.defaultDue, onChange: (value) => {
+                        store.edit(contact.id, { data: { DefaultDue: value }, error: "message" });
+                    }, onBlur: () => runInAction(() => (state.defaultdueEdit = false)) })) : (React.createElement("div", { onClick: () => runInAction(() => (state.defaultdueEdit = true)) }, state.contact.defaultDue ? state.contact.defaultDue : "Add Default Due"))),
+                React.createElement(Form.Item, { label: "Requester" },
+                    React.createElement(AvatarList, { organizationId: user.info.organizationId, multiple: true, buttonText: "Ok", list: contact.requester, onChange: (ids) => {
+                            store.edit(contact.id, { data: { RequesterIds: ids }, error: "message" });
+                        } })),
+                React.createElement(Form.Item, { label: "Accepters" },
+                    React.createElement(AvatarList, { organizationId: user.info.organizationId, multiple: true, buttonText: "Ok", list: contact.accepters, onChange: (ids) => {
+                            store.edit(contact.id, { data: { AccepterIds: ids }, error: "message" });
+                        } }))),
+            state.folderEdit && (React.createElement(DocumentSelectDialog, { multiSelect: false, onCancel: () => runInAction(() => (state.folderEdit = false)), onSelect: (data) => {
+                    store.edit(props.id, { data: { DefaultFolderId: data[0].id }, error: "message" });
+                    runInAction(() => (state.folderEdit = false));
+                } })),
+            state.documentationEdit && (React.createElement(DocumentSelectDialog, { multiSelect: false, onCancel: () => runInAction(() => (state.documentationEdit = false)), onSelect: (data) => {
+                    store.edit(props.id, { data: { DocumentId: data[0].id }, error: "message" });
+                    runInAction(() => (state.documentationEdit = false));
+                } }))));
+    });
+};
+export default WorkTypeProperties;
+//# sourceMappingURL=index.js.map

package/es/modules/worktype/components/WorkTypeProperties/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/worktype/components/WorkTypeProperties/index.tsx"],"names":[],"mappings":"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"}

package/es/modules/worktype/components/WorkTypeProperties/index.less

@@ -0,0 +1,5 @@
+:global{
+    .work-type-properties{
+        padding: 10px 20px;
+    }
+}

package/es/modules/worktype/components/WorkTypeProperties/state.d.ts

@@ -0,0 +1,12 @@
+import { IWorkType, WorkTypeStore } from "../../../../data/worktype";
+export declare class State {
+    private store;
+    contact: IWorkType;
+    defaultdueEdit: boolean;
+    folderEdit: boolean;
+    documentationEdit: boolean;
+    constructor(store: WorkTypeStore);
+    update(contact: IWorkType): void;
+    /** edit save */
+    save(v: any, name: any, params: Record<string, unknown>): void;
+}

package/es/modules/worktype/components/WorkTypeProperties/state.js

@@ -0,0 +1,65 @@
+import { __decorate } from "tslib";
+import { action, makeObservable, observable } from "mobx";
+export class State {
+    constructor(store) {
+        Object.defineProperty(this, "store", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: store
+        });
+        Object.defineProperty(this, "contact", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "defaultdueEdit", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "folderEdit", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "documentationEdit", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        makeObservable(this);
+    }
+    update(contact) {
+        this.contact = contact;
+    }
+    /** edit save */
+    save(v, name, params) {
+        if ((v === null || v === void 0 ? void 0 : v.trim()) === name)
+            return;
+        this.store.edit(this.contact.id, { data: params, error: "message" });
+    }
+}
+__decorate([
+    observable
+], State.prototype, "contact", void 0);
+__decorate([
+    observable
+], State.prototype, "defaultdueEdit", void 0);
+__decorate([
+    observable
+], State.prototype, "folderEdit", void 0);
+__decorate([
+    observable
+], State.prototype, "documentationEdit", void 0);
+__decorate([
+    action
+], State.prototype, "update", null);
+__decorate([
+    action
+], State.prototype, "save", null);
+//# sourceMappingURL=state.js.map

package/es/modules/worktype/components/WorkTypeProperties/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/worktype/components/WorkTypeProperties/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAE1D,MAAM,OAAO,KAAK;IAMjB,YAAoB,KAAoB;;;;;mBAApB;;QALR;;;;;WAA0B;QAC1B;;;;mBAAwB,KAAK;WAAC;QAC9B;;;;mBAAoB,KAAK;WAAC;QAC1B;;;;mBAA2B,KAAK;WAAC;QAG5C,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;IAEc,MAAM,CAAC,OAAkB;QACvC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;IACxB,CAAC;IAED,gBAAgB;IAET,IAAI,CAAC,CAAM,EAAE,IAAS,EAAE,MAA+B;QAC7D,IAAI,CAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,IAAI,EAAE,MAAK,IAAI;YAAE,OAAO;QAC/B,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;IACtE,CAAC;CACD;AAnBY;IAAX,UAAU;sCAA2B;AAC1B;IAAX,UAAU;6CAA+B;AAC9B;IAAX,UAAU;yCAA2B;AAC1B;IAAX,UAAU;gDAAkC;AAMrC;IAAP,MAAM;mCAEN;AAID;IADC,MAAM;iCAIN"}

package/es/modules/worktype/components/WorkTypePropertiesTabs/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const WorkTypePropertiesTabs: (props: {
+    id: string;
+}) => JSX.Element;
+export default WorkTypePropertiesTabs;

package/es/modules/worktype/components/WorkTypePropertiesTabs/index.js

@@ -0,0 +1,28 @@
+import React, { useEffect, useState } from "react";
+import { observe } from "@voplus/morpho-ui";
+import { Tabs } from "@voplus/antd";
+import ActivityLog from "@voplus/morpho-document/es/components/ActivityLog/ActivityLog2";
+import DocumentList from "@voplus/morpho-document/es/components/DocumentList";
+import TaskList from "../../../tasks/components/SubTaskList";
+import WorkTypeProperties from '../WorkTypeProperties';
+import WorkTypeQA from "../WorkTypeQA";
+const WorkTypePropertiesTabs = (props) => {
+    const { id } = props;
+    /**Tabs 当前激活 tab 面板的 key */
+    const [activeKey, setActiveKey] = useState("Properties");
+    useEffect(() => {
+        setActiveKey("Properties");
+    }, [props.id]);
+    return observe(() => (React.createElement(Tabs, { activeKey: activeKey, className: "work-type-tabs", onChange: onChange },
+        React.createElement(Tabs.TabPane, { tab: "Properties", key: "Properties" }, activeKey === "Properties" && React.createElement(WorkTypeProperties, { id: id })),
+        React.createElement(Tabs.TabPane, { tab: "Activities", key: "Activities" }, activeKey === "Activities" && React.createElement(ActivityLog, { id: id })),
+        React.createElement(Tabs.TabPane, { tab: "Tasks", key: "Tasks" }, activeKey === "Tasks" && React.createElement(TaskList, { parentId: id })),
+        React.createElement(Tabs.TabPane, { tab: "Documents", key: "Documents" }, activeKey === "Documents" && React.createElement(DocumentList, { id: id, multiple: true })),
+        React.createElement(Tabs.TabPane, { tab: "QA Setting", key: "QA Setting" }, activeKey === "QA Setting" && React.createElement(WorkTypeQA, { id: id })))));
+    /**切换面板的回调*/
+    function onChange(activeKey) {
+        setActiveKey(activeKey);
+    }
+};
+export default WorkTypePropertiesTabs;
+//# sourceMappingURL=index.js.map

package/es/modules/worktype/components/WorkTypePropertiesTabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/worktype/components/WorkTypePropertiesTabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,WAAW,MAAM,gEAAgE,CAAC;AACzF,OAAO,YAAY,MAAM,oDAAoD,CAAC;AAC9E,OAAO,QAAQ,MAAM,uCAAuC,CAAC;AAC7D,OAAO,kBAAkB,MAAM,uBAAuB,CAAA;AACtD,OAAO,UAAU,MAAM,eAAe,CAAC;AAEvC,MAAM,sBAAsB,GAAG,CAAC,KAAqB,EAAE,EAAE;IACxD,MAAM,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC;IACrB,2BAA2B;IAC3B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IAEzD,SAAS,CAAC,GAAG,EAAE;QACd,YAAY,CAAC,YAAY,CAAC,CAAC;IAC5B,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;IAEf,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,IAAI,IAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAC,gBAAgB,EAAC,QAAQ,EAAE,QAAQ;QACxE,oBAAC,IAAI,CAAC,OAAO,IAAC,GAAG,EAAC,YAAY,EAAC,GAAG,EAAC,YAAY,IAC7C,SAAS,KAAK,YAAY,IAAI,oBAAC,kBAAkB,IAAC,EAAE,EAAE,EAAE,GAAI,CAC/C;QACf,oBAAC,IAAI,CAAC,OAAO,IAAC,GAAG,EAAC,YAAY,EAAC,GAAG,EAAC,YAAY,IAC7C,SAAS,KAAK,YAAY,IAAI,oBAAC,WAAW,IAAC,EAAE,EAAE,EAAE,GAAI,CACxC;QACf,oBAAC,IAAI,CAAC,OAAO,IAAC,GAAG,EAAC,OAAO,EAAC,GAAG,EAAC,OAAO,IACnC,SAAS,KAAK,OAAO,IAAI,oBAAC,QAAQ,IAAC,QAAQ,EAAE,EAAE,GAAI,CACtC;QACf,oBAAC,IAAI,CAAC,OAAO,IAAC,GAAG,EAAC,WAAW,EAAC,GAAG,EAAC,WAAW,IAC3C,SAAS,KAAK,WAAW,IAAI,oBAAC,YAAY,IAAC,EAAE,EAAE,EAAE,EAAE,QAAQ,SAAG,CACjD;QACf,oBAAC,IAAI,CAAC,OAAO,IAAC,GAAG,EAAC,YAAY,EAAC,GAAG,EAAC,YAAY,IAC7C,SAAS,KAAK,YAAY,IAAI,oBAAC,UAAU,IAAC,EAAE,EAAE,EAAE,GAAI,CACvC,CACT,CACP,CAAC,CAAC;IAEH,YAAY;IACZ,SAAS,QAAQ,CAAC,SAAiB;QAClC,YAAY,CAAC,SAAS,CAAC,CAAC;IACzB,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/es/modules/worktype/components/WorkTypePropertiesView/index.d.ts

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

package/es/modules/worktype/components/WorkTypePropertiesView/index.js

@@ -0,0 +1,38 @@
+import React, { useEffect, useState } from "react";
+import { useDocumentStore } from "@voplus/morpho-document-core";
+import { useApplicationContext } from "@voplus/morpho-data";
+import { runInAction } from "mobx";
+import { InlineEdit, observe } from "@voplus/morpho-ui";
+import { useWorkType, useWorkTypeStore } from "../../../../data/worktype";
+import { State } from "./state";
+import WorkspaceMenu from "../../../workspace/controls/WorkspaceMenu";
+import WorktypeCompleteWorksChart from "../../controls/WorktypeCompleteWorksChart";
+import WorkTypePropertiesTabs from '../WorkTypePropertiesTabs';
+import "./index.less";
+const WorkTypePropertiesView = (props) => {
+    const id = props.id;
+    const store = useWorkTypeStore();
+    const docStore = useDocumentStore();
+    const [state] = useState(new State(id, store));
+    const { user } = useApplicationContext();
+    const worktype = useWorkType(id, { reload: false });
+    useEffect(() => {
+        runInAction(async () => {
+            const doc = await docStore.loadAccess(props.id);
+            state.update(doc);
+        });
+    }, [props.id]);
+    return observe(() => (React.createElement("div", { className: "module-detail-view worktype-properties-view" }, worktype.loaded && (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "worktype-header" },
+            React.createElement("div", { className: "worktype-name" },
+                React.createElement(InlineEdit, { defaultValue: worktype.name, content: (v) => React.createElement("div", null, worktype.name), onSave: (value) => state.save(value, worktype.name, { Name: value }) }),
+                React.createElement(WorkspaceMenu, { id: id, closeAside: true }))),
+        React.createElement(WorktypeCompleteWorksChart, { id: props.id }),
+        React.createElement(WorkTypePropertiesTabs, { id: id }))))));
+    // async function onChange(ids: string[], members: IUnit[]) {
+    //     await store.edit(id, { data: { MemberIds: ids }, error: "message" });
+    //     runInAction(() => { state.members = members })
+    // }
+};
+export default WorkTypePropertiesView;
+//# sourceMappingURL=index.js.map

package/es/modules/worktype/components/WorkTypePropertiesView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/worktype/components/WorkTypePropertiesView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAExD,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC1E,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,OAAO,aAAa,MAAM,2CAA2C,CAAC;AACtE,OAAO,0BAA0B,MAAM,2CAA2C,CAAC;AACnF,OAAO,sBAAsB,MAAM,2BAA2B,CAAA;AAC9D,OAAO,cAAc,CAAC;AAEtB,MAAM,sBAAsB,GAAG,CAAC,KAAqB,EAAE,EAAE;IACxD,MAAM,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;IAEpB,MAAM,KAAK,GAAG,gBAAgB,EAAE,CAAC;IACjC,MAAM,QAAQ,GAAG,gBAAgB,EAAE,CAAC;IACpC,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC;IAC/C,MAAM,EAAE,IAAI,EAAE,GAAG,qBAAqB,EAAE,CAAC;IACzC,MAAM,QAAQ,GAAG,WAAW,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;IAEpD,SAAS,CAAC,GAAG,EAAE;QACd,WAAW,CAAC,KAAK,IAAI,EAAE;YACtB,MAAM,GAAG,GAAG,MAAM,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;YAChD,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QACnB,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;IAEf,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,6BAAK,SAAS,EAAC,6CAA6C,IAC1D,QAAQ,CAAC,MAAM,IAAI,CACnB,oBAAC,KAAK,CAAC,QAAQ;QACd,6BAAK,SAAS,EAAC,iBAAiB;YAC/B,6BAAK,SAAS,EAAC,eAAe;gBAC7B,oBAAC,UAAU,IACV,YAAY,EAAE,QAAQ,CAAC,IAAI,EAC3B,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,iCAAM,QAAQ,CAAC,IAAI,CAAO,EAC1C,MAAM,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GACxE;gBACF,oBAAC,aAAa,IAAC,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,IAAI,GAAI,CACtC,CAOD;QACN,oBAAC,0BAA0B,IAAC,EAAE,EAAE,KAAK,CAAC,EAAE,GAAI;QAC5C,oBAAC,sBAAsB,IAAC,EAAE,EAAE,EAAE,GAAI,CAClB,CACjB,CACI,CACN,CAAC,CAAC;IAEH,6DAA6D;IAC7D,4EAA4E;IAC5E,qDAAqD;IACrD,IAAI;AACL,CAAC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/es/modules/worktype/components/WorkTypePropertiesView/index.less

@@ -0,0 +1,19 @@
+:global {
+	.worktype-properties-view {
+		.worktype-header {
+			padding: 10px 20px;
+			.worktype-name {
+				font-size: 24px;
+				color: #000;
+				font-weight: 500;
+				word-break: break-all;
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
+			}
+			.avatar-list-view {
+				margin-top: 10px;
+			}
+		}
+	}
+}

package/es/modules/worktype/components/WorkTypePropertiesView/state.d.ts

@@ -0,0 +1,15 @@
+import { IDocumentAccessSettings } from "@voplus/morpho-document-core";
+import { WorkTypeStore } from "../../../../data/worktype";
+export declare class State {
+    private id;
+    private store;
+    /** Name of workspace */
+    name: string;
+    /** Visible of Edit name */
+    editVisible: boolean;
+    members: any[];
+    constructor(id: string, store: WorkTypeStore);
+    update(doc: IDocumentAccessSettings): void;
+    /** edit save */
+    save(v: any, name: any, params: Record<string, unknown>): void;
+}