@voplus/morpho-document 1.0.0-dev280 → 1.0.0-dev282

package/es/controls/PDFViewer/state.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { ToolbarState } from "./Toolbar/ToolbarState";
+export declare class PDFViewerState {
+    private scale;
+    private originalWidth;
+    /** Gets the toolbar state. */
+    readonly toolbar: ToolbarState;
+    url: string;
+    containerWidth?: number;
+    constructor(url: string);
+    updateOriginalWidth(width: number): void;
+    get Scale(): number;
+    get width(): number | undefined;
+    Zoom(scale: number): void;
+}
+export declare const PDFViewerContext: React.Context<PDFViewerState | null>;
+export declare const usePDFViewerContext: () => PDFViewerState | null;

package/es/controls/PDFViewer/state.js

@@ -0,0 +1,56 @@
+import { __decorate } from "tslib";
+import React, { useContext } from "react";
+import { action, computed, observable } from "mobx";
+import { ToolbarState } from "./Toolbar/ToolbarState";
+export class PDFViewerState {
+    constructor(url) {
+        this.scale = 0;
+        this.originalWidth = 0;
+        this.url = "";
+        this.url = url;
+        this.toolbar = new ToolbarState(this);
+    }
+    updateOriginalWidth(width) {
+        if (this.originalWidth < width)
+            this.originalWidth = width;
+    }
+    get Scale() {
+        return this.width ? this.width / this.originalWidth : 0;
+    }
+    get width() {
+        if (this.scale === 0)
+            // fit
+            return this.containerWidth;
+        return this.originalWidth * this.scale;
+    }
+    Zoom(scale) {
+        this.scale = scale;
+    }
+}
+__decorate([
+    observable
+], PDFViewerState.prototype, "scale", void 0);
+__decorate([
+    observable
+], PDFViewerState.prototype, "originalWidth", void 0);
+__decorate([
+    observable
+], PDFViewerState.prototype, "url", void 0);
+__decorate([
+    observable
+], PDFViewerState.prototype, "containerWidth", void 0);
+__decorate([
+    action
+], PDFViewerState.prototype, "updateOriginalWidth", null);
+__decorate([
+    computed
+], PDFViewerState.prototype, "Scale", null);
+__decorate([
+    computed
+], PDFViewerState.prototype, "width", null);
+__decorate([
+    action
+], PDFViewerState.prototype, "Zoom", null);
+export const PDFViewerContext = React.createContext(null);
+export const usePDFViewerContext = () => useContext(PDFViewerContext);
+//# sourceMappingURL=state.js.map

package/es/controls/PDFViewer/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/controls/PDFViewer/state.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAEpD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEtD,MAAM,OAAO,cAAc;IAkB1B,YAAmB,GAAW;QAhBtB,UAAK,GAAG,CAAC,CAAC;QAGV,kBAAa,GAAG,CAAC,CAAC;QAOnB,QAAG,GAAG,EAAE,CAAC;QAOf,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;QACf,IAAI,CAAC,OAAO,GAAG,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC;IACvC,CAAC;IAGM,mBAAmB,CAAC,KAAa;QACvC,IAAI,IAAI,CAAC,aAAa,GAAG,KAAK;YAAE,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;IAC5D,CAAC;IAID,IAAW,KAAK;QACf,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;IACzD,CAAC;IAID,IAAW,KAAK;QACf,IAAI,IAAI,CAAC,KAAK,KAAK,CAAC;YACnB,MAAM;YACN,OAAO,IAAI,CAAC,cAAc,CAAC;QAC5B,OAAO,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC;IACxC,CAAC;IAIM,IAAI,CAAC,KAAa;QACxB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACpB,CAAC;CACD;AA9CA;IADC,UAAU;6CACO;AAGlB;IADC,UAAU;qDACe;AAO1B;IAFC,UAAU;2CAEK;AAIhB;IAFC,UAAU;sDAEoB;AAQ/B;IADC,MAAM;yDAGN;AAID;IAFC,QAAQ;2CAIR;AAID;IAFC,QAAQ;2CAOR;AAID;IAFC,MAAM;0CAIN;AAGF,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAAwB,IAAI,CAAC,CAAC;AACjF,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC"}

package/es/controls/data-icons/DescriptionDataIcon/index.js

@@ -10,10 +10,10 @@ import { useObserver } from "mobx-react-lite";
 const DescriptionDataIcon = (props) => {
     const { id } = props;
     const document = useDocument(id);
-    return useObserver(() => (React.createElement(Popover, { placement: "bottom", title: "Description", overlayClassName: "description-data-icon_popover", content: React.createElement(Scrollbars, { autoHide: true, autoHeight: true, autoHeightMax: "50vh" },
+    return useObserver(() => (React.createElement(React.Fragment, null, document.description ? (React.createElement(Popover, { placement: "bottom", title: "Description", overlayClassName: "description-data-icon_popover", content: React.createElement(Scrollbars, { autoHide: true, autoHeight: true, autoHeightMax: "50vh" },
             React.createElement(RichTextEditor, { editable: false, readOnly: true, content: document.description || "No Description", maxHeight: "100%" })) },
         React.createElement("span", { className: "data-icon" },
-            React.createElement(FAIcon, { icon: faCommentAltLines })))));
+            React.createElement(FAIcon, { icon: faCommentAltLines })))) : null)));
 };
 export default DescriptionDataIcon;
 //# sourceMappingURL=index.js.map

package/es/controls/data-icons/DescriptionDataIcon/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/controls/data-icons/DescriptionDataIcon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,cAAc,MAAM,8CAA8C,CAAC;AAC1E,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,mBAAmB,GAAG,CAAC,KAAqB,EAAE,EAAE;IACrD,MAAM,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC;IAErB,MAAM,QAAQ,GAAG,WAAW,CAAC,EAAE,CAAC,CAAC;IAEjC,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,OAAO,IACP,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAC,aAAa,EACnB,gBAAgB,EAAC,+BAA+B,EAChD,OAAO,EACN,oBAAC,UAAU,IAAC,QAAQ,QAAC,UAAU,QAAC,aAAa,EAAC,MAAM;YACnD,oBAAC,cAAc,IACd,QAAQ,EAAE,KAAK,EACf,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,QAAQ,CAAC,WAAW,IAAI,gBAAgB,EACjD,SAAS,EAAC,MAAM,GACf,CACU;QAGd,8BAAM,SAAS,EAAC,WAAW;YAC1B,oBAAC,MAAM,IAAC,IAAI,EAAE,iBAAiB,GAAI,CAC7B,CACE,CACV,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/controls/data-icons/DescriptionDataIcon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,cAAc,MAAM,8CAA8C,CAAC;AAC1E,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,mBAAmB,GAAG,CAAC,KAAqB,EAAE,EAAE;IACrD,MAAM,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC;IAErB,MAAM,QAAQ,GAAG,WAAW,CAAC,EAAE,CAAC,CAAC;IAEjC,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,KAAK,CAAC,QAAQ,QACb,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,CACvB,oBAAC,OAAO,IACP,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAC,aAAa,EACnB,gBAAgB,EAAC,+BAA+B,EAChD,OAAO,EACN,oBAAC,UAAU,IAAC,QAAQ,QAAC,UAAU,QAAC,aAAa,EAAC,MAAM;YACnD,oBAAC,cAAc,IACd,QAAQ,EAAE,KAAK,EACf,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,QAAQ,CAAC,WAAW,IAAI,gBAAgB,EACjD,SAAS,EAAC,MAAM,GACf,CACU;QAGd,8BAAM,SAAS,EAAC,WAAW;YAC1B,oBAAC,MAAM,IAAC,IAAI,EAAE,iBAAiB,GAAI,CAC7B,CACE,CACV,CAAC,CAAC,CAAC,IAAI,CACQ,CACjB,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/es/modules/unit/UnitUIService.d.ts

@@ -1,5 +1,6 @@
-import { UnitUIService as Base, UnitSelectDialogProps } from "@voplus/morpho-document-core";
+import { UnitUIService as Base, UnitQuickViewProps, UnitSelectDialogProps } from "@voplus/morpho-document-core";
 import React from "react";
 export declare class UnitUIService extends Base {
-    renderUnitSelectDialog(props: UnitSelectDialogProps): React.ReactNode;
+    renderSelectDialog(props: UnitSelectDialogProps): React.ReactNode;
+    renderQuickView(props: UnitQuickViewProps): React.ReactNode;
 }

package/es/modules/unit/UnitUIService.js

@@ -1,9 +1,13 @@
 import { UnitUIService as Base } from "@voplus/morpho-document-core";
 import React from "react";
+import UnitQuickView from "./components/UnitQuickView";
 import UnitSelectDialog from "./components/UnitsSelectDialog";
 export class UnitUIService extends Base {
-    renderUnitSelectDialog(props) {
+    renderSelectDialog(props) {
         return React.createElement(UnitSelectDialog, Object.assign({}, props));
     }
+    renderQuickView(props) {
+        return React.createElement(UnitQuickView, Object.assign({}, props));
+    }
 }
 //# sourceMappingURL=UnitUIService.js.map

package/es/modules/unit/UnitUIService.js.map

@@ -1 +1 @@
-{"version":3,"file":"UnitUIService.js","sourceRoot":"","sources":["../../../src/modules/unit/UnitUIService.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,IAAI,IAAI,EAAyB,MAAM,8BAA8B,CAAC;AAE5F,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,gBAAgB,MAAM,gCAAgC,CAAC;AAE9D,MAAM,OAAO,aAAc,SAAQ,IAAI;IAC/B,sBAAsB,CAAC,KAA4B;QACzD,OAAO,oBAAC,gBAAgB,oBAAK,KAAK,EAAI,CAAC;IACxC,CAAC;CACD"}
+{"version":3,"file":"UnitUIService.js","sourceRoot":"","sources":["../../../src/modules/unit/UnitUIService.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,aAAa,IAAI,IAAI,EAGrB,MAAM,8BAA8B,CAAC;AAEtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,aAAa,MAAM,4BAA4B,CAAC;AACvD,OAAO,gBAAgB,MAAM,gCAAgC,CAAC;AAE9D,MAAM,OAAO,aAAc,SAAQ,IAAI;IAC/B,kBAAkB,CAAC,KAA4B;QACrD,OAAO,oBAAC,gBAAgB,oBAAK,KAAK,EAAI,CAAC;IACxC,CAAC;IACM,eAAe,CAAC,KAAyB;QAC/C,OAAO,oBAAC,aAAa,oBAAK,KAAK,EAAI,CAAC;IACrC,CAAC;CACD"}

package/es/modules/unit/components/ContactUserInfoView/index.d.ts

@@ -1,3 +1,6 @@
 /// <reference types="react" />
-declare const ContactUserInfoView: () => JSX.Element;
+declare const ContactUserInfoView: (props: {
+    id: string;
+    header?: boolean;
+}) => JSX.Element;
 export default ContactUserInfoView;

package/es/modules/unit/components/ContactUserInfoView/index.js

@@ -6,28 +6,31 @@ import { State } from "./state";
 import styles from "./index.less";
 import { useApplicationContext } from "@voplus/morpho-data";
 import { useObserver } from "mobx-react-lite";
-const ContactUserInfoView = () => {
+const ContactUserInfoView = (props) => {
     const [state] = useState(new State());
     const context = useApplicationContext();
     const userId = context.user.info ? context.user.info.id : null;
+    // const userInfo = useUserInfo(props.id);
     /** 是否super admin, active只有super admin能改, Password 只有super admin或自己能改 */
     // const superAdmin  = context.user.info.isSuperAdmin;
     return useObserver(() => (React.createElement(React.Fragment, null,
         React.createElement("div", { className: styles["contact-user-info"] },
-            React.createElement(Row, null,
-                React.createElement(Col, { flex: "80px", className: "col-label" }, "Active:"),
-                React.createElement(Col, { flex: "auto", className: "col-info" },
-                    React.createElement(Switch, { defaultChecked: true, onChange: onChange }))),
-            React.createElement(Row, null,
-                React.createElement(Col, { flex: "80px", className: "col-label" }, "Email:"),
-                React.createElement(Col, { flex: "auto" }, "1774200065@163.com")),
-            React.createElement(Row, null,
-                React.createElement(Col, { flex: "80px", className: "col-label" }, "Password:"),
-                React.createElement(Col, { flex: "auto", className: "col-info" },
-                    React.createElement(EditOutlined, { style: { color: "#1890ff", cursor: "pointer" }, onClick: () => (state.visible = !state.visible) }))),
-            React.createElement(Row, null,
-                React.createElement(Col, { flex: "80px", className: "col-label" }, "Last Login:"),
-                React.createElement(Col, { flex: "auto" }, "2020/7/15 10:19"))),
+            props.header && React.createElement("div", { className: "user-info-header" }, "UserInfo"),
+            React.createElement("div", { className: "user-info-content" },
+                React.createElement(Row, null,
+                    React.createElement(Col, { flex: "80px", className: "col-label" }, "Active:"),
+                    React.createElement(Col, { flex: "auto", className: "col-info" },
+                        React.createElement(Switch, { defaultChecked: true, onChange: onChange }))),
+                React.createElement(Row, null,
+                    React.createElement(Col, { flex: "80px", className: "col-label" }, "Email:"),
+                    React.createElement(Col, { flex: "auto" }, "1774200065@163.com")),
+                React.createElement(Row, null,
+                    React.createElement(Col, { flex: "80px", className: "col-label" }, "Password:"),
+                    React.createElement(Col, { flex: "auto", className: "col-info" },
+                        React.createElement(EditOutlined, { style: { color: "#1890ff", cursor: "pointer" }, onClick: () => (state.visible = !state.visible) }))),
+                React.createElement(Row, null,
+                    React.createElement(Col, { flex: "80px", className: "col-label" }, "Last Login:"),
+                    React.createElement(Col, { flex: "auto" }, "2020/7/15 10:19")))),
         state.visible && (React.createElement(ChangeUserPassword, { onCancel: () => (state.visible = false), onChange: onPassword })))));
     function onChange(checked, event) {
         console.log("onChange", checked);

package/es/modules/unit/components/ContactUserInfoView/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/unit/components/ContactUserInfoView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,kBAAkB,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,mBAAmB,GAAG,GAAG,EAAE;IAChC,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;IACtC,MAAM,OAAO,GAAG,qBAAqB,EAAE,CAAC;IACxC,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IAC/D,wEAAwE;IACxE,sDAAsD;IAEtD,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,KAAK,CAAC,QAAQ;QACd,6BAAK,SAAS,EAAE,MAAM,CAAC,mBAAmB,CAAC;YAC1C,oBAAC,GAAG;gBACH,oBAAC,GAAG,IAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,WAAW,cAEhC;gBACN,oBAAC,GAAG,IAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,UAAU;oBACpC,oBAAC,MAAM,IAAC,cAAc,QAAC,QAAQ,EAAE,QAAQ,GAAI,CACxC,CACD;YACN,oBAAC,GAAG;gBACH,oBAAC,GAAG,IAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,WAAW,aAEhC;gBACN,oBAAC,GAAG,IAAC,IAAI,EAAC,MAAM,yBAAyB,CACpC;YACN,oBAAC,GAAG;gBACH,oBAAC,GAAG,IAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,WAAW,gBAEhC;gBACN,oBAAC,GAAG,IAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,UAAU;oBACpC,oBAAC,YAAY,IACZ,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,EAC9C,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,GAC9C,CACG,CACD;YACN,oBAAC,GAAG;gBACH,oBAAC,GAAG,IAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,WAAW,kBAEhC;gBACN,oBAAC,GAAG,IAAC,IAAI,EAAC,MAAM,sBAAsB,CACjC,CACD;QACL,KAAK,CAAC,OAAO,IAAI,CACjB,oBAAC,kBAAkB,IAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,EAAE,QAAQ,EAAE,UAAU,GAAI,CACrF,CACe,CACjB,CAAC,CAAC;IAEH,SAAS,QAAQ,CAAC,OAAgB,EAAE,KAAY;QAC/C,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAClC,CAAC;IAED,SAAS,UAAU;QAClB,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC;IACvB,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/unit/components/ContactUserInfoView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,kBAAkB,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C,MAAM,mBAAmB,GAAG,CAAC,KAAuC,EAAE,EAAE;IACvE,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;IACtC,MAAM,OAAO,GAAG,qBAAqB,EAAE,CAAC;IACxC,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IAC/D,0CAA0C;IAC1C,wEAAwE;IACxE,sDAAsD;IAEtD,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,KAAK,CAAC,QAAQ;QACd,6BAAK,SAAS,EAAE,MAAM,CAAC,mBAAmB,CAAC;YACzC,KAAK,CAAC,MAAM,IAAI,6BAAK,SAAS,EAAC,kBAAkB,eAAe;YACjE,6BAAK,SAAS,EAAC,mBAAmB;gBACjC,oBAAC,GAAG;oBACH,oBAAC,GAAG,IAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,WAAW,cAEhC;oBACN,oBAAC,GAAG,IAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,UAAU;wBACpC,oBAAC,MAAM,IAAC,cAAc,QAAC,QAAQ,EAAE,QAAQ,GAAI,CACxC,CACD;gBACN,oBAAC,GAAG;oBACH,oBAAC,GAAG,IAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,WAAW,aAEhC;oBACN,oBAAC,GAAG,IAAC,IAAI,EAAC,MAAM,yBAAyB,CACpC;gBACN,oBAAC,GAAG;oBACH,oBAAC,GAAG,IAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,WAAW,gBAEhC;oBACN,oBAAC,GAAG,IAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,UAAU;wBACpC,oBAAC,YAAY,IACZ,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,EAC9C,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,GAC9C,CACG,CACD;gBACN,oBAAC,GAAG;oBACH,oBAAC,GAAG,IAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,WAAW,kBAEhC;oBACN,oBAAC,GAAG,IAAC,IAAI,EAAC,MAAM,sBAAsB,CACjC,CACD,CACD;QACL,KAAK,CAAC,OAAO,IAAI,CACjB,oBAAC,kBAAkB,IAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,EAAE,QAAQ,EAAE,UAAU,GAAI,CACrF,CACe,CACjB,CAAC,CAAC;IAEH,SAAS,QAAQ,CAAC,OAAgB,EAAE,KAAY;QAC/C,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAClC,CAAC;IAED,SAAS,UAAU;QAClB,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC;IACvB,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/es/modules/unit/components/ContactUserInfoView/index.less

@@ -1,20 +1,30 @@
 .contact-user-info {
-    margin: 20px;
-    padding-right: 50px;
+    height: 100%;
 	:global {
-		.col-label {
-			font-size: 15px;
-			color: #000000;
-			cursor: default;
-        }
-        .col-info{
-            text-align: right;
-        }
-        
-        .ant-row{
-            height: 32px;
-            line-height: 32px;
-            margin-bottom: 15px;
-        }
+		.user-info-header {
+			color: #000;
+			font-size: 16px;
+			font-weight: 600;
+			padding: 10px 20px;
+			border-bottom: 1px solid #f2f2f2;
+		}
+		.user-info-content {
+			margin: 20px;
+			padding-right: 50px;
+			.col-label {
+				font-size: 15px;
+				color: #000000;
+				cursor: default;
+			}
+			.col-info {
+				text-align: right;
+			}
+
+			.ant-row {
+				height: 32px;
+				line-height: 32px;
+				margin-bottom: 15px;
+			}
+		}
 	}
 }

package/es/modules/unit/components/NewUnitForm/index.d.ts

@@ -5,7 +5,7 @@ declare const NewUnitForm: (props: {
     parentId: string;
     className?: string | undefined;
     simple?: boolean | undefined;
-    type?: "Team" | "User" | "Account" | "Organization" | undefined;
+    type?: "Team" | "Organization" | "Account" | "User" | undefined;
     onSave?: ((params?: any) => void) | undefined;
     onCancel?: (() => void) | undefined;
 }) => JSX.Element;

package/es/modules/unit/components/UnitItem/Item.d.ts

@@ -7,6 +7,7 @@ declare const UnitItem: {
         includes?: string;
         showAvatar?: boolean;
         showQuickData?: boolean;
+        quickView?: boolean;
         className?: string;
     }): JSX.Element;
     defaultProps: {

package/es/modules/unit/components/UnitItem/Item.js

@@ -1,20 +1,30 @@
 import "./index.less";
+import React, { useState } from "react";
 import QuickDataIcon from "../../controls/QuickDataIcon";
-import React from "react";
 import UnitAvatar from "../UnitAvatar";
+import UnitQuickView from "../UnitQuickView";
 import classnames from "classnames";
 import { useObserver } from "mobx-react-lite";
 import { useUnit } from "../../data";
 const UnitItem = (props) => {
-    const { id, index, includes, showAvatar, showQuickData, className } = props;
+    const { id, index, includes, showAvatar, showQuickData, quickView, className } = props;
     const contact = useUnit(id, { includes: includes });
-    return useObserver(() => (React.createElement("div", { className: classnames("unit-detail", className) },
-        showAvatar && (React.createElement("div", { className: "unit-avatar" },
-            React.createElement(UnitAvatar, { id: id, size: "large", index: index }))),
-        React.createElement("div", null,
-            React.createElement("div", { className: "unit-name" }, contact.name),
-            showQuickData && (React.createElement("div", null,
-                React.createElement(QuickDataIcon, { id: id })))))));
+    const [visibleQuickView, setVisibleQuickView] = useState(false);
+    return useObserver(() => (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: classnames("unit-detail", className) },
+            showAvatar && (React.createElement("div", { className: "unit-avatar" },
+                React.createElement(UnitAvatar, { id: id, size: "large", index: index }))),
+            React.createElement("div", null,
+                React.createElement("div", { className: "unit-name", onClick: onQuickView }, contact.name),
+                showQuickData && (React.createElement("div", null,
+                    React.createElement(QuickDataIcon, { id: id }))))),
+        visibleQuickView && React.createElement(UnitQuickView, { id: id, visible: true, onCancel: onQuickView }))));
+    /** Quick View */
+    function onQuickView() {
+        if (!quickView)
+            return;
+        setVisibleQuickView(!visibleQuickView);
+    }
 };
 UnitItem.defaultProps = {
     showAvatar: true,

package/es/modules/unit/components/UnitItem/Item.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../../src/modules/unit/components/UnitItem/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,aAAa,MAAM,8BAA8B,CAAC;AACzD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,MAAM,QAAQ,GAAG,CAAC,KAOjB,EAAE,EAAE;IACJ,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC5E,MAAM,OAAO,GAAG,OAAO,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAS,EAAE,CAAC,CAAC;IAErD,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,6BAAK,SAAS,EAAE,UAAU,CAAC,aAAa,EAAE,SAAS,CAAC;QAClD,UAAU,IAAI,CACd,6BAAK,SAAS,EAAC,aAAa;YAC3B,oBAAC,UAAU,IAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,KAAK,GAAI,CAC5C,CACN;QACD;YACC,6BAAK,SAAS,EAAC,WAAW,IAAE,OAAO,CAAC,IAAI,CAAO;YAC9C,aAAa,IAAI,CACjB;gBACC,oBAAC,aAAa,IAAC,EAAE,EAAE,EAAE,GAAI,CACpB,CACN,CACI,CACD,CACN,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,QAAQ,CAAC,YAAY,GAAG;IACvB,UAAU,EAAE,IAAI;IAChB,aAAa,EAAE,IAAI;CACnB,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../../src/modules/unit/components/UnitItem/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,aAAa,MAAM,8BAA8B,CAAC;AACzD,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAC7C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,MAAM,QAAQ,GAAG,CAAC,KAQjB,EAAE,EAAE;IACJ,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IACvF,MAAM,OAAO,GAAG,OAAO,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAS,EAAE,CAAC,CAAC;IACrD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhE,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,KAAK,CAAC,QAAQ;QACd,6BAAK,SAAS,EAAE,UAAU,CAAC,aAAa,EAAE,SAAS,CAAC;YAClD,UAAU,IAAI,CACd,6BAAK,SAAS,EAAC,aAAa;gBAC3B,oBAAC,UAAU,IAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,KAAK,GAAI,CAC5C,CACN;YACD;gBACC,6BAAK,SAAS,EAAC,WAAW,EAAC,OAAO,EAAE,WAAW,IAC7C,OAAO,CAAC,IAAI,CACR;gBACL,aAAa,IAAI,CACjB;oBACC,oBAAC,aAAa,IAAC,EAAE,EAAE,EAAE,GAAI,CACpB,CACN,CACI,CACD;QACL,gBAAgB,IAAI,oBAAC,aAAa,IAAC,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,GAAI,CACpE,CACjB,CAAC,CAAC;IAEH,iBAAiB;IACjB,SAAS,WAAW;QACnB,IAAI,CAAC,SAAS;YAAE,OAAO;QACvB,mBAAmB,CAAC,CAAC,gBAAgB,CAAC,CAAC;IACxC,CAAC;AACF,CAAC,CAAC;AAEF,QAAQ,CAAC,YAAY,GAAG;IACvB,UAAU,EAAE,IAAI;IAChB,aAAa,EAAE,IAAI;CACnB,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/es/modules/unit/components/UnitItem/index.js

@@ -20,7 +20,7 @@ const SubUnitItem = (props) => {
             type === "sub" && (React.createElement("div", { className: "unit-item", onMouseLeave: () => (state.isHover = false) },
                 React.createElement("div", { className: classnames("unit-item_box", { "unit-item_hover": state.isHover }), onMouseOver: () => (state.isHover = !multiple && !state.editable) },
                     multiple && React.createElement(Checkbox, { value: props.id, className: "multiple-checkbox" }),
-                    React.createElement(Item, { id: id, index: index })),
+                    React.createElement(Item, { id: id, index: index, quickView: true })),
                 React.createElement("div", { className: classnames("hover-operate-icon", { show: state.isHover }) },
                     React.createElement(ToolBar, { id: props.id, size: "middle", url: `/units/${props.id}`, onDelete: onDel })))),
             type === "detail" && (React.createElement("div", { className: "unit-item" },

package/es/modules/unit/components/UnitItem/index.js.map

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

package/es/modules/unit/components/UnitItem/index.less

@@ -10,6 +10,7 @@
 			padding: 10px 0;
 			margin: 0 20px;
 			border-bottom: 1px solid #d9d9d9;
+			cursor: pointer;
 		}
 		.unit-detail{
 			flex: 1;

package/es/modules/unit/components/UnitQuickView/QuickSubTab/index.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export declare type QuickViewProps = {
+    id: string;
+    showSubTab?: (params?: any) => void;
+};
+declare const QuickSubTab: (props: QuickViewProps) => JSX.Element;
+declare const QuickSubContent: (props: {
+    id: string;
+    type?: string;
+    shape?: boolean;
+    className?: string;
+    exclude?: string[];
+    onCancel?: () => void;
+}) => JSX.Element;
+export { QuickSubTab, QuickSubContent };

package/es/modules/unit/components/UnitQuickView/QuickSubTab/index.js

@@ -0,0 +1,50 @@
+import { Button, Tooltip } from "@voplus/antd";
+import { faFileAlt, faTimes, faUser, faUserChart, faUsers, faUsersClass } from "@fortawesome/pro-light-svg-icons";
+import ActivityLog from "../../ActivityLog";
+import ContactUserInfoView from "../../ContactUserInfoView";
+import DocumentList from "../../../../../components/DocumentList";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import Members from "../../Members";
+import React from "react";
+import SubUnitList from "../../SubUnitList";
+import classnames from "classnames";
+import styles from "./index.less";
+import { useObserver } from "mobx-react-lite";
+import { useUnit } from "../../../data";
+const QuickSubTab = (props) => {
+    const { id, showSubTab } = { ...props };
+    const unit = useUnit(id);
+    return useObserver(() => {
+        var _a;
+        return (React.createElement(React.Fragment, null,
+            unit.isGroup && (React.createElement(Tooltip, { title: "Sub-Units" },
+                React.createElement(Button, { shape: "circle", onClick: () => showSubTab === null || showSubTab === void 0 ? void 0 : showSubTab("units") },
+                    React.createElement(FAIcon, { icon: faUsersClass })))),
+            unit.type === "Team" && (React.createElement(Tooltip, { title: "Members" },
+                React.createElement(Button, { shape: "circle", onClick: () => showSubTab === null || showSubTab === void 0 ? void 0 : showSubTab("members") },
+                    React.createElement(FAIcon, { icon: faUsers })))),
+            React.createElement(Tooltip, { title: "Sub-Documents" },
+                React.createElement(Button, { shape: "circle", onClick: () => showSubTab === null || showSubTab === void 0 ? void 0 : showSubTab("documents") },
+                    React.createElement(FAIcon, { icon: faFileAlt }))),
+            ((_a = unit.steroTypes) === null || _a === void 0 ? void 0 : _a.includes("User")) && (React.createElement(Tooltip, { title: "UserInfo" },
+                React.createElement(Button, { shape: "circle", onClick: () => showSubTab === null || showSubTab === void 0 ? void 0 : showSubTab("userInfo") },
+                    React.createElement(FAIcon, { icon: faUser })))),
+            React.createElement(Tooltip, { title: "Activities" },
+                React.createElement(Button, { shape: "circle", onClick: () => showSubTab === null || showSubTab === void 0 ? void 0 : showSubTab("activities") },
+                    React.createElement(FAIcon, { icon: faUserChart })))));
+    });
+};
+const QuickSubContent = (props) => {
+    const { type, id, shape, exclude, className, onCancel } = { ...props };
+    const unit = useUnit(id);
+    return useObserver(() => (React.createElement("div", { className: classnames(styles["quickView-right"], className) },
+        React.createElement("div", { className: "close-icon" }, shape ? (React.createElement(Button, { icon: React.createElement(FAIcon, { icon: faTimes }), onClick: onCancel })) : (React.createElement(FAIcon, { icon: faTimes, onClick: onCancel }))),
+        React.createElement("div", { className: "tab-content" },
+            type === "units" && React.createElement(SubUnitList, { parentId: id, multiple: true }),
+            type === "members" && React.createElement(Members, { parentId: id }),
+            type === "documents" && (React.createElement(DocumentList, { id: unit.containerId, parentName: unit.name, exclude: exclude, multiple: true })),
+            type === "activities" && React.createElement(ActivityLog, { id: id }),
+            type === "userInfo" && React.createElement(ContactUserInfoView, { id: id, header: true })))));
+};
+export { QuickSubTab, QuickSubContent };
+//# sourceMappingURL=index.js.map

package/es/modules/unit/components/UnitQuickView/QuickSubTab/index.js.map

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

package/es/modules/unit/components/UnitQuickView/QuickSubTab/index.less

@@ -0,0 +1,22 @@
+.quickView-right {
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	border-left: solid 1px #eeeeee;
+	:global {
+		.close-icon {
+			font-size: 22px;
+			text-align: right;
+			padding: 10px 20px 0;
+			cursor: pointer;
+		}
+		.tab-content {
+			position: relative;
+			flex: 1;
+			.tab-module-box {
+				height: 100%;
+				padding: 10px 0 0 10px;
+			}
+		}
+	}
+}

package/es/modules/unit/components/UnitQuickView/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { UnitQuickViewProps } from "@voplus/morpho-document-core";
+declare const UnitQuickView: {
+    (props: UnitQuickViewProps): JSX.Element;
+    defaultProps: {
+        closeVisible: boolean;
+    };
+};
+export default UnitQuickView;

package/es/modules/unit/components/UnitQuickView/index.js

@@ -0,0 +1,30 @@
+import { QuickSubContent, QuickSubTab } from "./QuickSubTab";
+import React, { useState } from "react";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import Modal from "@voplus/morpho-ui/es/components/Modal";
+import { State } from "./state";
+import UnitDetails from "../UnitDetails";
+import UnitHead from "../UnitHead";
+import classNames from "classnames";
+import { faTimes } from "@fortawesome/pro-light-svg-icons";
+import styles from "./index.less";
+import { useObserver } from "mobx-react-lite";
+const UnitQuickView = (props) => {
+    const [state] = useState(new State());
+    return useObserver(() => (React.createElement(Modal, { width: state.subTab ? "1000px" : "500px", className: classNames(styles["quickView-modal"], props.className), visible: props.visible, closable: false, footer: null, onCancel: props.onCancel },
+        React.createElement("div", { className: "quickView-left" },
+            React.createElement("div", { className: "document-header" },
+                props.closeVisible && (React.createElement("div", { className: "close-icon" },
+                    React.createElement(FAIcon, { icon: faTimes, onClick: props.onCancel }))),
+                props.header ? props.header : React.createElement(UnitHead, { id: props.id })),
+            React.createElement("div", { className: "quickView-contents" },
+                React.createElement("div", { className: "quickView-subTab" },
+                    React.createElement(QuickSubTab, { id: props.id, showSubTab: (key) => state.showSubTab(key) })),
+                React.createElement(UnitDetails, { id: props.id }))),
+        state.subTab && (React.createElement(QuickSubContent, { id: props.id, type: state.key, exclude: props.exclude, onCancel: () => (state.subTab = false) })))));
+};
+UnitQuickView.defaultProps = {
+    closeVisible: true
+};
+export default UnitQuickView;
+//# sourceMappingURL=index.js.map

package/es/modules/unit/components/UnitQuickView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/unit/components/UnitQuickView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,KAAK,MAAM,uCAAuC,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,QAAQ,MAAM,aAAa,CAAC;AAEnC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAC3D,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAE,EAAE;IACnD,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;IAEtC,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,KAAK,IACL,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EACxC,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,EACjE,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,QAAQ,EAAE,KAAK,EACf,MAAM,EAAE,IAAI,EACZ,QAAQ,EAAE,KAAK,CAAC,QAAQ;QAExB,6BAAK,SAAS,EAAC,gBAAgB;YAC9B,6BAAK,SAAS,EAAC,iBAAiB;gBAC9B,KAAK,CAAC,YAAY,IAAI,CACtB,6BAAK,SAAS,EAAC,YAAY;oBAC1B,oBAAC,MAAM,IAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC,QAAQ,GAAI,CAC7C,CACN;gBACA,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,oBAAC,QAAQ,IAAC,EAAE,EAAE,KAAK,CAAC,EAAE,GAAI,CACpD;YACN,6BAAK,SAAS,EAAC,oBAAoB;gBAClC,6BAAK,SAAS,EAAC,kBAAkB;oBAChC,oBAAC,WAAW,IAAC,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,UAAU,EAAE,CAAC,GAAW,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,GAAI,CAC5E;gBACN,oBAAC,WAAW,IAAC,EAAE,EAAE,KAAK,CAAC,EAAE,GAAI,CACxB,CACD;QACL,KAAK,CAAC,MAAM,IAAI,CAChB,oBAAC,eAAe,IACf,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,IAAI,EAAE,KAAK,CAAC,GAAG,EACf,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,GACrC,CACF,CACM,CACR,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,aAAa,CAAC,YAAY,GAAG;IAC5B,YAAY,EAAE,IAAI;CAClB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/es/modules/unit/components/UnitQuickView/index.less

@@ -0,0 +1,63 @@
+@import "~@voplus/antd/es/style/themes/default.less";
+.quickView-modal {
+	height: calc(100% - 200px);
+	:global {
+		.ant-modal-content {
+			height: 100%;
+		}
+		.ant-modal-body {
+			display: flex;
+			height: 100%;
+			padding: 0;
+			.document-header {
+				margin-top: 0.5rem;
+				.document-header-default {
+					display: flex;
+				}
+				.tools-bar {
+					align-self: flex-end;
+				}
+			}
+			.quickView-left {
+				flex: 1;
+				display: flex;
+				flex-direction: column;
+				.document-header {
+					// padding: 10px 15px;
+					position: relative;
+					border-bottom: solid 1px #eeeeee;
+					.close-icon {
+						position: absolute;
+						right: 0;
+						font-size: 22px;
+						text-align: right;
+						cursor: pointer;
+						padding: 0 23px 0;
+					}
+					.tool-bar-content {
+						position: absolute;
+						top: 35px;
+						right: 20px;
+					}
+				}
+				.quickView-contents {
+					flex: 1;
+					display: flex;
+					flex-direction: column;
+					overflow: hidden;
+					.quickView-subTab {
+						display: inline-block;
+						text-align: right;
+						padding: 10px 20px;
+						.ant-btn {
+							margin-left: 10px;
+						}
+					}
+					.quickView-description {
+						padding: 10px 15px;
+					}
+				}
+			}
+		}
+	}
+}

package/es/modules/unit/components/UnitQuickView/state.d.ts

@@ -0,0 +1,8 @@
+export declare class State {
+    /** 当前激活 tab 面板的 key */
+    key: string;
+    /** 是否显示 tab */
+    subTab: boolean;
+    /** Callback of switch panel  */
+    showSubTab(key: string): void;
+}

package/es/modules/unit/components/UnitQuickView/state.js

@@ -0,0 +1,26 @@
+import { __decorate } from "tslib";
+import { action, observable } from "mobx";
+export class State {
+    constructor() {
+        /** 当前激活 tab 面板的 key */
+        this.key = "";
+        /** 是否显示 tab */
+        this.subTab = false;
+    }
+    /** Callback of switch panel  */
+    showSubTab(key) {
+        if (!this.subTab)
+            this.subTab = true;
+        this.key = key;
+    }
+}
+__decorate([
+    observable
+], State.prototype, "key", void 0);
+__decorate([
+    observable
+], State.prototype, "subTab", void 0);
+__decorate([
+    action
+], State.prototype, "showSubTab", null);
+//# sourceMappingURL=state.js.map

package/es/modules/unit/components/UnitQuickView/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/unit/components/UnitQuickView/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAE1C,MAAM,OAAO,KAAK;IAAlB;QACC,uBAAuB;QACJ,QAAG,GAAG,EAAE,CAAC;QAC5B,eAAe;QACI,WAAM,GAAG,KAAK,CAAC;IAQnC,CAAC;IANA,gCAAgC;IAEzB,UAAU,CAAC,GAAW;QAC5B,IAAI,CAAC,IAAI,CAAC,MAAM;YAAE,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;QACrC,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;IAChB,CAAC;CACD;AAVY;IAAX,UAAU;kCAAiB;AAEhB;IAAX,UAAU;qCAAuB;AAIlC;IADC,MAAM;uCAIN"}