@voplus/morpho-document 6.0.146 → 6.0.147

package/es/components/DocumentPropertieHeader/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+/** 用于 Propertie 的 Document Header */
+declare const DocumentPropertieHeader: (props: {
+    id: string;
+    className?: string;
+}) => React.JSX.Element;
+export default DocumentPropertieHeader;

package/es/components/DocumentPropertieHeader/index.js

@@ -0,0 +1,14 @@
+import React from "react";
+import { observe } from "@voplus/morpho-ui";
+import { faEllipsisVertical } from "@fortawesome/pro-light-svg-icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import ToolBar from "../../controls/ToolBar/ToolBar2";
+import DocumentHeader from "../DocumentHeader";
+import classnames from "classnames";
+/** 用于 Propertie 的 Document Header */
+const DocumentPropertieHeader = (props) => {
+    const { id } = props;
+    return observe(() => (React.createElement(DocumentHeader, { id: id, className: classnames("document-propertie-header", props.className), quickVisible: false, tagsVisible: false, descriptionVisible: false, quickDataBarVisible: false, flagVisible: false, autoSaveName: true, quickDataBarAlign: "left", clickNameEffect: "edit", tools: React.createElement(ToolBar, { id: id, moreProps: { icon: React.createElement(FAIcon, { icon: faEllipsisVertical }) } }) })));
+};
+export default DocumentPropertieHeader;
+//# sourceMappingURL=index.js.map

package/es/components/DocumentPropertieHeader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DocumentPropertieHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,OAAO,MAAM,iCAAiC,CAAC;AACtD,OAAO,cAAc,MAAM,mBAAmB,CAAC;AAC/C,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,qCAAqC;AACrC,MAAM,uBAAuB,GAAG,CAAC,KAAyC,EAAE,EAAE;IAC7E,MAAM,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC;IAErB,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,cAAc,IACd,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,UAAU,CAAC,2BAA2B,EAAE,KAAK,CAAC,SAAS,CAAC,EACnE,YAAY,EAAE,KAAK,EACnB,WAAW,EAAE,KAAK,EAClB,kBAAkB,EAAE,KAAK,EACzB,mBAAmB,EAAE,KAAK,EAC1B,WAAW,EAAE,KAAK,EAClB,YAAY,EAAE,IAAI,EAClB,iBAAiB,EAAC,MAAM,EACxB,eAAe,EAAC,MAAM,EACtB,KAAK,EAAE,oBAAC,OAAO,IAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,IAAI,EAAE,oBAAC,MAAM,IAAC,IAAI,EAAE,kBAAkB,GAAI,EAAE,GAAI,GACpF,CACF,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

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

@@ -0,0 +1,11 @@
+import "./index.less";
+import { DescriptionEditorProps } from "./state";
+import React from "react";
+declare const DescriptionEditor: {
+    (props: DescriptionEditorProps): React.JSX.Element;
+    defaultProps: {
+        collapsible: boolean;
+        collapseAll: boolean;
+    };
+};
+export default DescriptionEditor;

package/es/controls/DescriptionEditor2/index.js

@@ -0,0 +1,80 @@
+import "./index.less";
+import { Scrollbars } from "react-custom-scrollbars-2";
+import { Button, Space, Tooltip } from "antd";
+import { State } from "./state";
+import React, { useEffect, useState, useRef } from "react";
+import { faPenToSquare, faChevronDoubleDown, faChevronDoubleUp, } from "@fortawesome/pro-solid-svg-icons";
+import ProseMirrorViewer from "@voplus/morpho-text/es/controls/ProseMirror/Viewer";
+import LiteProseMirror from "@voplus/morpho-text/es/components/LiteProseMirror";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+import { useDocumentStore } from "@voplus/morpho-document-core";
+const DescriptionEditor = (props) => {
+    var _a;
+    const { id, description, readonly, collapsible, onSave } = props;
+    const ref = useRef(null);
+    const [state] = useState(new State());
+    const documentStore = useDocumentStore();
+    useEffect(() => {
+        runInAction(() => {
+            state.description = description || "";
+        });
+    }, [description]);
+    /** init */
+    useEffect(() => {
+        getDescEditorHeight();
+    }, [id, (_a = ref.current) === null || _a === void 0 ? void 0 : _a.getElementsByClassName("ProseMirror-container")[0]]);
+    return observe(() => (React.createElement("div", { className: "description-editor_2", ref: ref },
+        React.createElement("div", { className: "description-editor-header" },
+            React.createElement("div", null, "Description"),
+            React.createElement(Button, { className: "edit-icon", type: "link", disabled: readonly, onClick: () => runInAction(() => (state.editable = true)) },
+                React.createElement(FAIcon, { icon: faPenToSquare }))),
+        state.editable ? (React.createElement("div", null,
+            React.createElement(LiteProseMirror, { scroll: true, toolbarType: "simple", defaultHtml: description || "", onChange: (opt) => (state.description =
+                    opt.editor.dom.innerHTML === "<p><br></p>"
+                        ? ""
+                        : opt.editor.dom.innerHTML) }),
+            React.createElement("div", { className: "description-editor-footer" },
+                React.createElement(Space, null,
+                    React.createElement(Button, { type: "default", onClick: () => runInAction(() => (state.editable = false)) }, "Cancel"),
+                    React.createElement(Button, { type: "primary", loading: state.loading, onClick: save }, "Save"))))) : (React.createElement("div", null,
+            React.createElement(Scrollbars, { autoHide: true, autoHeight: true, autoHeightMax: state.collapse ? "100%" : "20vh" },
+                React.createElement(ProseMirrorViewer, { html: description !== null && description !== void 0 ? description : "<div class='no-description'>No Description</div>" })),
+            state.hasMore && (React.createElement(Tooltip, { title: state.collapse
+                    ? "Collapse Description"
+                    : "Expand all Description" },
+                React.createElement("div", { className: "more-description-btn", onClick: () => runInAction(() => (state.collapse = !state.collapse)) },
+                    React.createElement(FAIcon, { icon: state.collapse ? faChevronDoubleUp : faChevronDoubleDown })))))))));
+    async function save() {
+        runInAction(() => (state.loading = true));
+        onSave
+            ? await onSave(state.description)
+            : await documentStore.edit(id, {
+                data: { Description: state.description },
+                error: "message",
+            });
+        runInAction(() => {
+            state.loading = false;
+            state.editable = false;
+        });
+    }
+    function getDescEditorHeight() {
+        runInAction(() => {
+            var _a;
+            const ele = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.getElementsByClassName("ProseMirror-container")[0];
+            state.hasMore = !!(ele && (ele === null || ele === void 0 ? void 0 : ele.clientHeight) > 170) && !!collapsible;
+            console.log(ele, ele === null || ele === void 0 ? void 0 : ele.clientHeight, state.hasMore, "*----hasmore");
+            return () => {
+                state.hasMore = false;
+                state.collapse = false;
+            };
+        });
+    }
+};
+DescriptionEditor.defaultProps = {
+    collapsible: true,
+    collapseAll: false,
+};
+export default DescriptionEditor;
+//# sourceMappingURL=index.js.map

package/es/controls/DescriptionEditor2/index.js.map

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

package/es/controls/DescriptionEditor2/index.less

@@ -0,0 +1,39 @@
+:global {
+  .description-editor_2 {
+    .no-description {
+      color: #868686;
+      font-size: 14px;
+    }
+    .description-editor-header {
+      font-size: 14px;
+      font-weight: bold;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin: 0 0 0.45rem;
+      .edit-icon {
+        height: 20px;
+        color: #cbcbcb;
+        padding: 0 8px;
+      }
+    }
+    .more-description-btn {
+      width: 44px;
+      line-height: 14px;
+      margin: auto;
+      color: #868686;
+      text-align: center;
+      cursor: pointer;
+      .svg-inline--fa {
+        font-size: 13px;
+      }
+    }
+    .description-editor-footer {
+      padding-top: 0.75rem;
+      text-align: right;
+      .ant-btn {
+        margin-left: 10px;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,28 @@
+export type DescriptionEditorProps = {
+    /** id of document  */
+    id: string;
+    /** description of document  */
+    description?: string;
+    /** readonly  */
+    readonly?: boolean;
+    /** 是否可折叠 */
+    collapsible?: boolean;
+    /** 是否全部折叠 (高度0), 预设false */
+    collapseAll?: boolean;
+    /** save function */
+    onSave?: (description?: string) => Promise<void> | void;
+};
+export declare class State {
+    props: DescriptionEditorProps;
+    /** description of document */
+    description: string;
+    /** editable of ProseMirror */
+    editable: boolean;
+    /** loading of save */
+    loading: boolean;
+    /** collapse description */
+    collapse: boolean;
+    /** proseMirror.height > 110 显示折叠按钮 */
+    hasMore: boolean;
+    constructor();
+}

package/es/controls/DescriptionEditor2/state.js

@@ -0,0 +1,64 @@
+import { __decorate } from "tslib";
+import { makeObservable, observable } from "mobx";
+export class State {
+    constructor() {
+        Object.defineProperty(this, "props", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /** description of document */
+        Object.defineProperty(this, "description", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ""
+        });
+        /** editable of ProseMirror */
+        Object.defineProperty(this, "editable", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        /** loading of save */
+        Object.defineProperty(this, "loading", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        /** collapse description */
+        Object.defineProperty(this, "collapse", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        /** proseMirror.height > 110 显示折叠按钮 */
+        Object.defineProperty(this, "hasMore", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        makeObservable(this);
+    }
+}
+__decorate([
+    observable
+], State.prototype, "description", void 0);
+__decorate([
+    observable
+], State.prototype, "editable", void 0);
+__decorate([
+    observable
+], State.prototype, "loading", void 0);
+__decorate([
+    observable
+], State.prototype, "collapse", void 0);
+__decorate([
+    observable
+], State.prototype, "hasMore", void 0);
+//# sourceMappingURL=state.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/controls/DescriptionEditor2/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAsBlD,MAAM,OAAO,KAAK;IAajB;QAZO;;;;;WAA8B;QACrC,8BAA8B;QACX;;;;mBAAc,EAAE;WAAC;QACpC,8BAA8B;QACX;;;;mBAAW,KAAK;WAAC;QACpC,sBAAsB;QACH;;;;mBAAU,KAAK;WAAC;QACnC,2BAA2B;QACR;;;;mBAAW,KAAK;WAAC;QACpC,sCAAsC;QACnB;;;;mBAAU,KAAK;WAAC;QAGlC,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;CACD;AAbmB;IAAlB,UAAU;0CAAyB;AAEjB;IAAlB,UAAU;uCAAyB;AAEjB;IAAlB,UAAU;sCAAwB;AAEhB;IAAlB,UAAU;uCAAyB;AAEjB;IAAlB,UAAU;sCAAwB"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@voplus/morpho-document",
-	"version": "6.0.146",
+	"version": "6.0.147",
 	"repository": {
 		"type": "git",
 		"url": "https://voplus.visualstudio.com/morpho-document/_git/morpho-document"