@voplus/morpho-document 1.4.93 → 1.4.95

package/es/views/DocumentTabbedView/index.js

@@ -1,56 +1,56 @@
-import { Empty, Spin, Tabs } from "@voplus/antd";
-import { useAutoUpdateListData, useDocumentListEffect, useDocumentStore, } from "@voplus/morpho-document-core";
-import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
-import React, { useState } from "react";
-import DocumentListView from "../../components/DocumentListView";
-import DraggableTabs from "./DraggableTabs";
-import { LoadingOutlined } from "@ant-design/icons";
-import classnames from "classnames";
-import { observe } from "@voplus/morpho-ui";
-import styles from "./index.less";
-import { toJS } from "mobx";
-import { useFrame } from "../../components/ViewFrame/ViewFrameContext";
-import { useRenderOnChange } from "@voplus/morpho-ui";
-const DocumentTabbedView = (props) => {
-    const { TabPane } = Tabs;
-    const { id } = props;
-    const [load, setLoad] = useState(true);
-    const frame = useFrame();
-    const documents = useDocumentStore();
-    /** 建立 ListView 和useDocumentListEffect所需的ListDataState. 会根据state.id重建所以不需reset. */
-    const list = useCreateListDataState({
-        filterDefaults: {
-            includes: "tags",
-            filters: (frame === null || frame === void 0 ? void 0 : frame.Exclude)
-                ? [
-                    { c: "ParentNodeId", o: "=", l: "And", v1: id },
-                    {
-                        c: "Type",
-                        o: "!contains",
-                        l: "And",
-                        v1: toJS(JSON.stringify(frame === null || frame === void 0 ? void 0 : frame.Exclude)),
-                    },
-                ]
-                : [{ c: "ParentNodeId", o: "=", l: "And", v1: id }],
-        },
-    }, [id]);
-    /** 如果 list.filters.options变更了就重渲染，使下一行的useDocumentListEffect 可以接收新参数*/
-    useRenderOnChange(() => list.filters.options);
-    /** 把ListDataState传给useDocumentListEffect,使之可以自動更新loading, hasmore. */
-    useDocumentListEffect(list, (result) => {
-        list.union(result);
-        setLoad(false);
-    }, list.filters.options);
-    /** useOnNewDocument, useOnDeleteDocument的sugar syntax 自動更新list. */
-    useAutoUpdateListData(list, (d) => d.parentId === id);
-    return observe(() => (React.createElement("div", { className: classnames("module-detail-view", styles["document-tabbed-view"]) },
-        React.createElement(ListDataContext.Provider, { value: list }, load ? (React.createElement("div", { className: "loading" },
-            React.createElement(Spin, { tip: "Loading...", indicator: React.createElement(LoadingOutlined, { style: { fontSize: 24 }, spin: true }) }))) : list.data.length ? (React.createElement(DraggableTabs, { moveAfter: moveAfter }, list.data.map((item) => (React.createElement(TabPane, { tab: item.name, key: item.id },
-            React.createElement(DocumentListView, { id: item.id, headerVisible: false })))))) : (React.createElement(Empty, { description: "No Data" }))))));
-    /** 移动后的回调 */
-    async function moveAfter(id, afterId) {
-        await documents.moveAfter(id, afterId);
-    }
-};
-export default DocumentTabbedView;
+import { Empty, Spin, Tabs } from "@voplus/antd";
+import { useAutoUpdateListData, useDocumentListEffect, useDocumentStore, } from "@voplus/morpho-document-core";
+import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
+import React, { useState } from "react";
+import DocumentListView from "../../components/DocumentListView";
+import DraggableTabs from "./DraggableTabs";
+import { LoadingOutlined } from "@ant-design/icons";
+import classnames from "classnames";
+import { observe } from "@voplus/morpho-ui";
+import styles from "./index.less";
+import { toJS } from "mobx";
+import { useFrame } from "../../components/ViewFrame/ViewFrameContext";
+import { useRenderOnChange } from "@voplus/morpho-ui";
+const DocumentTabbedView = (props) => {
+    const { TabPane } = Tabs;
+    const { id } = props;
+    const [load, setLoad] = useState(true);
+    const frame = useFrame();
+    const documents = useDocumentStore();
+    /** 建立 ListView 和useDocumentListEffect所需的ListDataState. 会根据state.id重建所以不需reset. */
+    const list = useCreateListDataState({
+        filterDefaults: {
+            includes: "tags",
+            filters: (frame === null || frame === void 0 ? void 0 : frame.Exclude)
+                ? [
+                    { c: "ParentNodeId", o: "=", l: "And", v1: id },
+                    {
+                        c: "Type",
+                        o: "!contains",
+                        l: "And",
+                        v1: toJS(JSON.stringify(frame === null || frame === void 0 ? void 0 : frame.Exclude)),
+                    },
+                ]
+                : [{ c: "ParentNodeId", o: "=", l: "And", v1: id }],
+        },
+    }, [id]);
+    /** 如果 list.filters.options变更了就重渲染，使下一行的useDocumentListEffect 可以接收新参数*/
+    useRenderOnChange(() => list.filters.options);
+    /** 把ListDataState传给useDocumentListEffect,使之可以自動更新loading, hasmore. */
+    useDocumentListEffect(list, (result) => {
+        list.union(result);
+        setLoad(false);
+    }, list.filters.options);
+    /** useOnNewDocument, useOnDeleteDocument的sugar syntax 自動更新list. */
+    useAutoUpdateListData(list, (d) => d.parentId === id);
+    return observe(() => (React.createElement("div", { className: classnames("module-detail-view", styles["document-tabbed-view"]) },
+        React.createElement(ListDataContext.Provider, { value: list }, load ? (React.createElement("div", { className: "loading" },
+            React.createElement(Spin, { tip: "Loading...", indicator: React.createElement(LoadingOutlined, { style: { fontSize: 24 }, spin: true }) }))) : list.data.length ? (React.createElement(DraggableTabs, { moveAfter: moveAfter }, list.data.map((item) => (React.createElement(TabPane, { tab: item.name, key: item.id },
+            React.createElement(DocumentListView, { id: item.id, headerVisible: false })))))) : (React.createElement(Empty, { description: "No Data" }))))));
+    /** 移动后的回调 */
+    async function moveAfter(id, afterId) {
+        await documents.moveAfter(id, afterId);
+    }
+};
+export default DocumentTabbedView;
 //# sourceMappingURL=index.js.map

package/es/views/ExplorerView/index.d.ts

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

package/es/views/ExplorerView/index.js

@@ -1,8 +1,8 @@
-import DocumentListView from "../../components/DocumentListView";
-import React from "react";
-import { observe } from "@voplus/morpho-ui";
-const ExplorerView = (props) => {
-    return observe(() => React.createElement(DocumentListView, { id: props.id, headerVisible: false }));
-};
-export default ExplorerView;
+import DocumentListView from "../../components/DocumentListView";
+import React from "react";
+import { observe } from "@voplus/morpho-ui";
+const ExplorerView = (props) => {
+    return observe(() => React.createElement(DocumentListView, { id: props.id, headerVisible: false }));
+};
+export default ExplorerView;
 //# sourceMappingURL=index.js.map

package/es/views/TreeView/index.d.ts

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

package/es/views/TreeView/index.js

@@ -1,40 +1,40 @@
-import { FilterOptionsContext, ListDataContext, useCreateListDataState, } from "@voplus/morpho-ui/es/data";
-import React, { useEffect, useState } from "react";
-import { observe, useAsideContentContext } from "@voplus/morpho-ui";
-import DocumentSortableTree from "../../components/DocumentSortableTree";
-import { DocumentTypeFilter } from "../../controls/filters";
-import FilterView from "@voplus/morpho-ui/es/controls/FilterView";
-import PropertiesView from "../../components/PropertiesView";
-import { State } from "./state";
-import { runInAction } from "mobx";
-import { useFrame } from "../../components/ViewFrame/ViewFrameContext";
-const TreeView = (props) => {
-    const frame = useFrame();
-    const asideContext = useAsideContentContext();
-    const [state] = useState(new State());
-    /** 建立 ListView 和useTaskListEffect所需的ListDataState. 会根据parentId重建所以不需reset. */
-    const list = useCreateListDataState({}, [props.id]);
-    useEffect(() => {
-        runInAction(() => (frame.Extra = (React.createElement(ListDataContext.Provider, { value: list },
-            React.createElement(FilterOptionsContext.Provider, { value: list.filters },
-                React.createElement(FilterView, { columns: React.createElement(DocumentTypeFilter, { key: "DocumentTypeFilter" }), className: "margin-left-10", 
-                    /** story 顯示值用, 組件如無必要，不需提供onFilter, ListView2會自動呼叫filter. */
-                    onFilter: (c) => {
-                        c.filter();
-                        runInAction(() => {
-                            var _a;
-                            return (state.filterType = (_a = c === null || c === void 0 ? void 0 : c.options.Filters) === null || _a === void 0 ? void 0 : _a.filter((item) => item.c === "Type")[0]);
-                        });
-                    }, onReset: (c) => {
-                        c.reset();
-                        runInAction(() => (state.filterType = undefined));
-                    } }))))));
-    }, []);
-    return observe(() => (React.createElement(DocumentSortableTree, { id: props.id, defaultRoot: true, exclude: frame === null || frame === void 0 ? void 0 : frame.Exclude, filterType: state.filterType, isAside: state.isAside, onDocumentSelected: onDocumentSelected })));
-    function onDocumentSelected(id) {
-        asideContext === null || asideContext === void 0 ? void 0 : asideContext.openAside(React.createElement(PropertiesView, { id: id }), { span: 12 });
-        runInAction(() => (state.isAside = true));
-    }
-};
-export default TreeView;
+import { FilterOptionsContext, ListDataContext, useCreateListDataState, } from "@voplus/morpho-ui/es/data";
+import React, { useEffect, useState } from "react";
+import { observe, useAsideContentContext } from "@voplus/morpho-ui";
+import DocumentSortableTree from "../../components/DocumentSortableTree";
+import { DocumentTypeFilter } from "../../controls/filters";
+import FilterView from "@voplus/morpho-ui/es/controls/FilterView";
+import PropertiesView from "../../components/PropertiesView";
+import { State } from "./state";
+import { runInAction } from "mobx";
+import { useFrame } from "../../components/ViewFrame/ViewFrameContext";
+const TreeView = (props) => {
+    const frame = useFrame();
+    const asideContext = useAsideContentContext();
+    const [state] = useState(new State());
+    /** 建立 ListView 和useTaskListEffect所需的ListDataState. 会根据parentId重建所以不需reset. */
+    const list = useCreateListDataState({}, [props.id]);
+    useEffect(() => {
+        runInAction(() => (frame.Extra = (React.createElement(ListDataContext.Provider, { value: list },
+            React.createElement(FilterOptionsContext.Provider, { value: list.filters },
+                React.createElement(FilterView, { columns: React.createElement(DocumentTypeFilter, { key: "DocumentTypeFilter" }), className: "margin-left-10", 
+                    /** story 顯示值用, 組件如無必要，不需提供onFilter, ListView2會自動呼叫filter. */
+                    onFilter: (c) => {
+                        c.filter();
+                        runInAction(() => {
+                            var _a;
+                            return (state.filterType = (_a = c === null || c === void 0 ? void 0 : c.options.Filters) === null || _a === void 0 ? void 0 : _a.filter((item) => item.c === "Type")[0]);
+                        });
+                    }, onReset: (c) => {
+                        c.reset();
+                        runInAction(() => (state.filterType = undefined));
+                    } }))))));
+    }, []);
+    return observe(() => (React.createElement(DocumentSortableTree, { id: props.id, defaultRoot: true, exclude: frame === null || frame === void 0 ? void 0 : frame.Exclude, filterType: state.filterType, isAside: state.isAside, onDocumentSelected: onDocumentSelected })));
+    function onDocumentSelected(id) {
+        asideContext === null || asideContext === void 0 ? void 0 : asideContext.openAside(React.createElement(PropertiesView, { id: id }), { span: 12 });
+        runInAction(() => (state.isAside = true));
+    }
+};
+export default TreeView;
 //# sourceMappingURL=index.js.map

package/es/views/TreeView/state.d.ts

@@ -1,6 +1,6 @@
-import { FilterOption } from "@voplus/morpho-data";
-export declare class State {
-    filterType: FilterOption | undefined;
-    isAside: boolean;
-    constructor();
-}
+import { FilterOption } from "@voplus/morpho-data";
+export declare class State {
+    filterType: FilterOption | undefined;
+    isAside: boolean;
+    constructor();
+}

package/es/views/TreeView/state.js

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

package/package.json

@@ -1,63 +1,63 @@
-{
-	"name": "@voplus/morpho-document",
-	"version": "1.4.93",
-	"repository": {
-		"type": "git",
-		"url": "https://voplus.visualstudio.com/morpho-document/_git/morpho-document"
-	},
-	"description": "Morpho document module.",
-	"main": "es/index.js",
-	"module": "es/index.js",
-	"types": "es/index.d.ts",
-	"files": [
-		"es"
-	],
-	"author": "ALEX KWOK",
-	"license": "SEE LICENSE IN LICENSE",
-	"scripts": {
-		"copy-less": "cpx src/**/*.less lib && cpx src/**/*.less es",
-		"clean": "del-cli es && jest --clearCache",
-		"storybook": "start-storybook -p 9001 -c .storybook -s ./public",
-		"lint": "npx eslint -c .eslintrc.js --ext .ts --ext .tsx src",
-		"build": "npm run clean && tsc -p tsconfig.prod.json && npm run copy-less",
-		"test": "jest"
-	},
-	"husky": {
-		"hooks": {
-			"pre-push": "npx eslint -c .eslintrc.js --ext .ts --ext .tsx src"
-		}
-	},
-	"dependencies": {
-		"@uiw/react-codemirror": "3.x",
-		"@voplus/morpho-org": "1.x",
-		"@voplus/morpho-text": "1.x",
-		"file-saver": "2.x",
-		"iframe-resizer-react": "1.x",
-		"qrcode.react": "^1.0.1",
-		"react-pdf": "5.5.0",
-		"react-signature-canvas": "^1.0.3",
-		"reactour": "^1.18.3"
-	},
-	"devDependencies": {
-		"@types/codemirror": "^0.0.109",
-		"@types/file-saver": "2.x",
-		"@types/qrcode.react": "^1.0.1",
-		"@types/react-pdf": "5.0.9",
-		"@types/react-signature-canvas": "^1.0.1",
-		"@types/reactour": "^1.18.1",
-		"@voplus/morpho-client-test": "1.x",
-		"@voplus/morpho-storybook": "1.x",
-		"@voplus/morpho-test": "1.x",
-		"react": "17.x",
-		"react-dom": "17.x"
-	},
-	"peerDependencies": {
-		"@types/codemirror": "^0.0.109",
-		"react": "17.x",
-		"react-dom": "17.x"
-	},
-	"sideEffects": [
-		"*.less",
-		"./src/**/PDFViewer/index.tsx"
-	]
-}
+{
+	"name": "@voplus/morpho-document",
+	"version": "1.4.95",
+	"repository": {
+		"type": "git",
+		"url": "https://voplus.visualstudio.com/morpho-document/_git/morpho-document"
+	},
+	"description": "Morpho document module.",
+	"main": "es/index.js",
+	"module": "es/index.js",
+	"types": "es/index.d.ts",
+	"files": [
+		"es"
+	],
+	"author": "ALEX KWOK",
+	"license": "SEE LICENSE IN LICENSE",
+	"scripts": {
+		"copy-less": "cpx src/**/*.less lib && cpx src/**/*.less es",
+		"clean": "del-cli es && jest --clearCache",
+		"storybook": "start-storybook -p 9001 -c .storybook -s ./public",
+		"lint": "npx eslint -c .eslintrc.js --ext .ts --ext .tsx src",
+		"build": "npm run clean && tsc -p tsconfig.prod.json && npm run copy-less",
+		"test": "jest"
+	},
+	"husky": {
+		"hooks": {
+			"pre-push": "npx eslint -c .eslintrc.js --ext .ts --ext .tsx src"
+		}
+	},
+	"dependencies": {
+		"@uiw/react-codemirror": "3.x",
+		"@voplus/morpho-org": "1.x",
+		"@voplus/morpho-text": "1.x",
+		"file-saver": "2.x",
+		"iframe-resizer-react": "1.x",
+		"qrcode.react": "^1.0.1",
+		"react-pdf": "5.5.0",
+		"react-signature-canvas": "^1.0.3",
+		"reactour": "^1.18.3"
+	},
+	"devDependencies": {
+		"@types/codemirror": "^0.0.109",
+		"@types/file-saver": "2.x",
+		"@types/qrcode.react": "^1.0.1",
+		"@types/react-pdf": "5.0.9",
+		"@types/react-signature-canvas": "^1.0.1",
+		"@types/reactour": "^1.18.1",
+		"@voplus/morpho-client-test": "1.x",
+		"@voplus/morpho-storybook": "1.x",
+		"@voplus/morpho-test": "1.x",
+		"react": "17.x",
+		"react-dom": "17.x"
+	},
+	"peerDependencies": {
+		"@types/codemirror": "^0.0.109",
+		"react": "17.x",
+		"react-dom": "17.x"
+	},
+	"sideEffects": [
+		"*.less",
+		"./src/**/PDFViewer/index.tsx"
+	]
+}

package/readme.md

@@ -1,4 +1,4 @@
-# 2020-01-05
-
-Changed tsconfig.json
-"target" changed from "esnext" to "es2018" due to "unexpected token" error webpack when using optional chaining.
+# 2020-01-05
+
+Changed tsconfig.json
+"target" changed from "esnext" to "es2018" due to "unexpected token" error webpack when using optional chaining.

package/es/components/AddDocDropdown/index.less

@@ -1,59 +0,0 @@
-.document-operate-dropdown {
-	display: flex;
-	flex-direction: column;
-	// max-height: 160px;
-	background: #ffffff;
-	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
-	// overflow: hidden;
-	:global {
-		.menu-search {
-			width: 165px;
-			padding: 10px 12px 5px 12px;
-		}
-		.menu-list {
-			// flex: 1;
-			max-height: 50vh;
-			.ant-menu-vertical > .ant-menu-item {
-				height: 36px;
-				line-height: 36px;
-				margin: 0;
-			}
-			.ant-menu-vertical {
-				border-right: none;
-			}
-			.ant-menu-item-selected {
-				color: #000000a6;
-				background: none;
-			}
-			.ant-menu-item-active {
-				color: #000000a6;
-				background: #e6f7ff;
-			}
-			.ant-empty {
-				padding: 10px 0;
-				color: #00000040;
-				.ant-empty-image {
-					width: 100%;
-					height: 30px;
-					font-size: 18px;
-					color: #0000005c;
-					margin: 0;
-				}
-			}
-		}
-		.type-icon {
-			width: 22px;
-			display: inline-block;
-		}
-	}
-}
-
-.doc-plus-icon {
-	display: inline-block;
-	padding: 4px;
-	font-size: 13px;
-	line-height: 1px;
-	color: #ffffff;
-	background: #1abc9c;
-	cursor: pointer;
-}

package/es/components/AddFormView/index.less

@@ -1,42 +0,0 @@
-.add-form-element {
-	height: 100%;
-	padding: 20px;
-	display: flex;
-	flex-direction: column;
-	:global {
-		.new-form-header {
-			display: flex;
-			justify-content: space-between;
-			margin-bottom: 20px;
-			font-size: 16px;
-			color: #000;
-			font-weight: 500;
-			line-height: 16px;
-			.close-icon {
-				cursor: pointer;
-			}
-		}
-		.new-form-view {
-			// width: 90%;
-			flex: 1;
-			min-width: 480px;
-			padding: 0 20px;
-		}
-	}
-}
-
-.plus-outlined-icon {
-	display: inline-block;
-	width: 20px;
-	height: 20px;
-	background: #1abc9c;
-	color: #fff;
-	text-align: center;
-	cursor: pointer;
-	margin-left: 10px;
-	:global {
-		svg {
-			margin: 0 !important;
-		}
-	}
-}

package/es/components/AdvanceSearch/index.less

@@ -1,21 +0,0 @@
-.screen {
-	display: flex;
-	height: 60px;
-	justify-content: space-around;
-	align-items: center;
-	border: 1px solid #000000;
-	margin: 0 25px 0 38px;
-	:global {
-		.ant-select-selection--single {
-			border: none;
-		}
-	}
-}
-.fffff {
-	:global {
-		.ant-select-dropdown-menu {
-			height: 100%;
-			max-height: 60%;
-		}
-	}
-}

package/es/components/DescriptionDocumentList/index.less

@@ -1,14 +0,0 @@
-@import "../styles/common.less";
-.description-document-list {
-	display: flex;
-	flex-direction: column;
-	height: 100%;
-	:global {
-		.document-description {
-			padding: 10px 0px;
-		}
-		.ant-upload.ant-upload-drag .ant-upload-drag-container {
-			height: 100%;
-		}
-	}
-}