@voplus/morpho-document 1.2.1 → 1.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/DocumentUIService.js +5 -5
- package/es/DocumentUIService.js.map +1 -1
- package/es/components/AvatarList/index.js +1 -1
- package/es/components/AvatarList/index.js.map +1 -1
- package/es/components/DocumentCard/index.js +1 -1
- package/es/components/DocumentCard/index.js.map +1 -1
- package/es/components/DocumentCardList/index.js +1 -1
- package/es/components/DocumentCardList/index.js.map +1 -1
- package/es/components/DocumentItem/index.js +2 -1
- package/es/components/DocumentItem/index.js.map +1 -1
- package/es/components/DocumentList/Header.js +1 -1
- package/es/components/DocumentList/Header.js.map +1 -1
- package/es/components/DocumentListView/index.d.ts +15 -4
- package/es/components/DocumentListView/index.js +40 -17
- package/es/components/DocumentListView/index.js.map +1 -1
- package/es/components/DocumentName/index.js +3 -2
- package/es/components/DocumentName/index.js.map +1 -1
- package/es/components/DocumentSortableTree/index.js +2 -2
- package/es/components/DocumentSortableTree/index.js.map +1 -1
- package/es/components/DocumentSortableTree/state.d.ts +2 -0
- package/es/components/DocumentSortableTree/state.js +10 -0
- package/es/components/DocumentSortableTree/state.js.map +1 -1
- package/es/components/DocumentSortableTree/themes/FileExplorerTheme/node-content-renderer.js +1 -1
- package/es/components/DocumentSortableTree/themes/FileExplorerTheme/node-content-renderer.js.map +1 -1
- package/es/components/DocumentSortableTree/themes/FileExplorerTheme/tree-node-renderer.js +1 -1
- package/es/components/DocumentSortableTree/themes/FileExplorerTheme/tree-node-renderer.js.map +1 -1
- package/es/components/DocumentSortableTree/themes/SortableTreeDocumentTheme/node-content-renderer.js +1 -1
- package/es/components/DocumentSortableTree/themes/SortableTreeDocumentTheme/node-content-renderer.js.map +1 -1
- package/es/components/DocumentSortableTree/themes/SortableTreeDocumentTheme/tree-node-renderer.js +2 -2
- package/es/components/DocumentSortableTree/themes/SortableTreeDocumentTheme/tree-node-renderer.js.map +1 -1
- package/es/components/DocumentTabbedView/DraggableTabs.js +1 -1
- package/es/components/DocumentTabbedView/DraggableTabs.js.map +1 -1
- package/es/components/DocumentTabbedView/index.js +1 -1
- package/es/components/DocumentTabbedView/index.js.map +1 -1
- package/es/components/ExplorerView/index.d.ts +5 -0
- package/es/components/ExplorerView/index.js +8 -0
- package/es/components/ExplorerView/index.js.map +1 -0
- package/es/components/FileViewer/Preview.js +18 -15
- package/es/components/FileViewer/Preview.js.map +1 -1
- package/es/components/FileViewer/index.less +23 -28
- package/es/components/Icon/index.d.ts +16 -0
- package/es/components/Icon/index.js +14 -0
- package/es/components/Icon/index.js.map +1 -0
- package/es/components/Icon/index.less +19 -0
- package/es/components/QuickViewDialog/QuickModal.d.ts +9 -0
- package/es/components/QuickViewDialog/QuickModal.js +12 -0
- package/es/components/QuickViewDialog/QuickModal.js.map +1 -0
- package/es/components/QuickViewDialog/QuickSubTab/index.js +5 -4
- package/es/components/QuickViewDialog/QuickSubTab/index.js.map +1 -1
- package/es/components/QuickViewDialog/index.js +27 -29
- package/es/components/QuickViewDialog/index.js.map +1 -1
- package/es/components/TreeView/index.d.ts +5 -0
- package/es/components/TreeView/index.js +38 -0
- package/es/components/TreeView/index.js.map +1 -0
- package/es/components/TreeView/state.d.ts +5 -0
- package/es/components/TreeView/state.js +17 -0
- package/es/components/TreeView/state.js.map +1 -0
- package/es/components/ViewFrame/ViewFrameContext.d.ts +20 -0
- package/es/components/ViewFrame/ViewFrameContext.js +82 -0
- package/es/components/ViewFrame/ViewFrameContext.js.map +1 -0
- package/es/components/ViewFrame/ViewFrameHeader/ViewIcons.d.ts +8 -0
- package/es/components/ViewFrame/ViewFrameHeader/ViewIcons.js +20 -0
- package/es/components/ViewFrame/ViewFrameHeader/ViewIcons.js.map +1 -0
- package/es/components/ViewFrame/ViewFrameHeader/index.d.ts +6 -0
- package/es/components/ViewFrame/ViewFrameHeader/index.js +14 -0
- package/es/components/ViewFrame/ViewFrameHeader/index.js.map +1 -0
- package/es/components/ViewFrame/ViewFrameHeader/index.less +13 -0
- package/es/components/ViewFrame/controls/AddForm/index.d.ts +10 -0
- package/es/components/ViewFrame/controls/AddForm/index.js +22 -0
- package/es/components/ViewFrame/controls/AddForm/index.js.map +1 -0
- package/es/components/ViewFrame/controls/AddForm/index.less +36 -0
- package/es/components/ViewFrame/index.d.ts +8 -0
- package/es/components/ViewFrame/index.js +23 -0
- package/es/components/ViewFrame/index.js.map +1 -0
- package/es/components/ViewFrame/index.less +11 -0
- package/es/controls/DocumentItemFrame/index.js +1 -1
- package/es/controls/DocumentItemFrame/index.js.map +1 -1
- package/es/controls/DocumentMenu/index.js +1 -2
- package/es/controls/DocumentMenu/index.js.map +1 -1
- package/es/controls/DocumentMenu/items/index.d.ts +0 -1
- package/es/controls/DocumentMenu/items/index.js +0 -1
- package/es/controls/DocumentMenu/items/index.js.map +1 -1
- package/es/controls/ToolBar/ToolBar2.js +1 -1
- package/es/controls/ToolBar/ToolBar2.js.map +1 -1
- package/es/controls/ToolBar/buttons/More.js +1 -1
- package/es/controls/ToolBar/buttons/More.js.map +1 -1
- package/es/data/DocumentMetaStore.d.ts +4 -0
- package/es/data/DocumentMetaStore.js +11 -4
- package/es/data/DocumentMetaStore.js.map +1 -1
- package/es/data/interfaces/IDocumentTypeMeta.d.ts +8 -0
- package/es/data/metas/GraphMeta.d.ts +6 -1
- package/es/data/metas/GraphMeta.js +13 -3
- package/es/data/metas/GraphMeta.js.map +1 -1
- package/es/data/metas/SignEnvelopeMeta.js +2 -2
- package/es/data/metas/SignEnvelopeMeta.js.map +1 -1
- package/es/data/metas/TextMeta.js +1 -1
- package/es/data/metas/TextMeta.js.map +1 -1
- package/es/modules/graph/components/GraphQuickViewDialog/index.d.ts +7 -0
- package/es/modules/graph/components/GraphQuickViewDialog/index.js +35 -0
- package/es/modules/graph/components/GraphQuickViewDialog/index.js.map +1 -0
- package/es/modules/graph/components/GraphViewer/index.less +1 -0
- package/es/modules/graph/pages/GraphDefaultView/index.d.ts +6 -0
- package/es/modules/graph/pages/GraphDefaultView/index.js +13 -0
- package/es/modules/graph/pages/GraphDefaultView/index.js.map +1 -0
- package/es/modules/graph/pages/GraphPropertiesView/index.d.ts +6 -0
- package/es/modules/graph/pages/GraphPropertiesView/index.js +19 -0
- package/es/modules/graph/pages/GraphPropertiesView/index.js.map +1 -0
- package/es/pages/DocumentPage/index.d.ts +3 -0
- package/es/pages/DocumentPage/index.js +25 -0
- package/es/pages/DocumentPage/index.js.map +1 -0
- package/es/pages/Signature/Envelope/components/EnvelopeCard/index.js +2 -2
- package/es/pages/Signature/Envelope/components/EnvelopeCard/index.js.map +1 -1
- package/es/pages/Signature/Envelope/components/EnvelopeQuickView/index.js +37 -16
- package/es/pages/Signature/Envelope/components/EnvelopeQuickView/index.js.map +1 -1
- package/es/pages/Signature/Envelope/components/EnvelopeQuickView/index.less +4 -0
- package/es/routes.d.ts +0 -9
- package/es/routes.js +4 -26
- package/es/routes.js.map +1 -1
- package/package.json +2 -1
- package/es/controls/DocumentMenu/items/OpenTreeView.d.ts +0 -8
- package/es/controls/DocumentMenu/items/OpenTreeView.js +0 -23
- package/es/controls/DocumentMenu/items/OpenTreeView.js.map +0 -1
- package/es/modules/graph/pages/GraphEditorPage/index.d.ts +0 -4
- package/es/modules/graph/pages/GraphEditorPage/index.js +0 -22
- package/es/modules/graph/pages/GraphEditorPage/index.js.map +0 -1
- package/es/pages/DrivePage/index.d.ts +0 -4
- package/es/pages/DrivePage/index.js +0 -20
- package/es/pages/DrivePage/index.js.map +0 -1
|
@@ -47,7 +47,7 @@ const DraggableTabs = (props) => {
|
|
|
47
47
|
(_a = props.moveAfter) === null || _a === void 0 ? void 0 : _a.call(props, dragKey, afterKey);
|
|
48
48
|
};
|
|
49
49
|
/** 替换 TabBar,用于二次封装标签头 */
|
|
50
|
-
const renderTabBar = (props, DefaultTabBar) => (React.createElement(DefaultTabBar,
|
|
50
|
+
const renderTabBar = (props, DefaultTabBar) => (React.createElement(DefaultTabBar, { ...props }, (node) => (React.createElement(WrapTabNode, { key: node.key, index: node.key, moveTabNode: moveTabNode }, node))));
|
|
51
51
|
return observe(() => {
|
|
52
52
|
const tabs = [];
|
|
53
53
|
React.Children.forEach(children, (c) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DraggableTabs.js","sourceRoot":"","sources":["../../../src/components/DocumentTabbedView/DraggableTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIN,OAAO,EACP,OAAO,GACP,MAAM,WAAW,CAAC;AACnB,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAM5C,mBAAmB;AACnB,MAAM,WAAW,GAAG,CAAC,KAIpB,EAAE,EAAE;IACJ,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAClC,MAAM,CAAC,EAAE,UAAU,EAAE,EAAE,IAAI,CAAC,GAAG,OAAO,CAAC;QACtC,IAAI,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;QACnC,OAAO,EAAE,CAAC,OAA0B,EAAE,EAAE,CAAC,CAAC;YACzC,UAAU,EAAE,OAAO,CAAC,UAAU,EAAE;SAChC,CAAC;KACF,CAAC,CAAC;IAEH,MAAM,CAAC,EAAE,IAAI,CAAC,GAAG,OAAO,CAAC;QACxB,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,CAAC,IAAc,EAAE,OAA0B,EAAE,EAAE;YACpD,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC;YACxC,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC;YAE7B,IAAI,OAAO,KAAK,QAAQ,EAAE;gBACzB,OAAO;aACP;YAED,KAAK,CAAC,WAAW,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;YACrC,OAAO,CAAC,OAAO,EAAE,CAAC,KAAK,GAAG,QAAQ,CAAC;QACpC,CAAC;KACD,CAAC,CAAC;IAEH,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;AAC7B,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,KAItB,EAAE,EAAE;IACJ,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC3B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAQ,EAAE,CAAC,CAAC;IAE9C,iBAAiB;IACjB,MAAM,WAAW,GAAG,CAAC,OAAe,EAAE,QAAgB,EAAE,EAAE;;QACzD,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;QAE/B,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAM,EAAE,EAAE;YAC3C,IAAI,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE;gBACnC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;aACrB;QACF,CAAC,CAAC,CAAC;QAEH,MAAM,SAAS,GAAG,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAC5C,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QAE9C,QAAQ,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;QAC9B,QAAQ,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,EAAE,OAAO,CAAC,CAAC;QACxC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QAEnB,gBAAgB;QAChB,MAAM,QAAQ,GAAG,QAAQ,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC;QAC1C,MAAA,KAAK,CAAC,SAAS,+CAAf,KAAK,EAAa,OAAO,EAAE,QAAQ,CAAC,CAAC;IACtC,CAAC,CAAC;IAEF,0BAA0B;IAC1B,MAAM,YAAY,GAAG,CAAC,KAAU,EAAE,aAAkC,EAAE,EAAE,CAAC,CACxE,oBAAC,aAAa,
|
|
1
|
+
{"version":3,"file":"DraggableTabs.js","sourceRoot":"","sources":["../../../src/components/DocumentTabbedView/DraggableTabs.tsx"],"names":[],"mappings":"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"}
|
|
@@ -25,7 +25,7 @@ const DocumentTabbedView = (props) => {
|
|
|
25
25
|
/** useOnNewDocument, useOnDeleteDocument的sugar syntax 自動更新list. */
|
|
26
26
|
useAutoUpdateListData(list, (d) => d.parentId === id);
|
|
27
27
|
return observe(() => (React.createElement("div", { className: "module-detail-view" },
|
|
28
|
-
headerVisible && React.createElement(DocumentHeader,
|
|
28
|
+
headerVisible && React.createElement(DocumentHeader, { id: id, ...headerProps }),
|
|
29
29
|
React.createElement(ListDataContext.Provider, { value: list },
|
|
30
30
|
React.createElement(DraggableTabs, { moveAfter: moveAfter }, list.data.map((item) => (React.createElement(TabPane, { tab: item.name, key: item.id },
|
|
31
31
|
React.createElement(DocumentList, { id: item.id, multiple: true })))))))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DocumentTabbedView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGN,qBAAqB,EACrB,qBAAqB,EACrB,gBAAgB,GAChB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAEpF,OAAO,cAAc,MAAM,mBAAmB,CAAC;AAC/C,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEtD,MAAM,kBAAkB,GAAG,CAAC,KAO3B,EAAE,EAAE;IACJ,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;IACzB,MAAM,EAAE,EAAE,EAAE,aAAa,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IACjD,MAAM,SAAS,GAAG,gBAAgB,EAAE,CAAC;IAErC,kFAAkF;IAClF,MAAM,IAAI,GAAG,sBAAsB,CAClC;QACC,cAAc,EAAE;YACf,QAAQ,EAAE,MAAM;YAChB,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,cAAc,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;SAC1D;KACD,EACD,CAAC,EAAE,CAAC,CACJ,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,mEAAmE;IACnE,qBAAqB,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,KAAK,EAAE,CAAC,CAAC;IAEtD,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,6BAAK,SAAS,EAAC,oBAAoB;QACjC,aAAa,IAAI,oBAAC,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DocumentTabbedView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGN,qBAAqB,EACrB,qBAAqB,EACrB,gBAAgB,GAChB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAEpF,OAAO,cAAc,MAAM,mBAAmB,CAAC;AAC/C,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEtD,MAAM,kBAAkB,GAAG,CAAC,KAO3B,EAAE,EAAE;IACJ,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;IACzB,MAAM,EAAE,EAAE,EAAE,aAAa,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IACjD,MAAM,SAAS,GAAG,gBAAgB,EAAE,CAAC;IAErC,kFAAkF;IAClF,MAAM,IAAI,GAAG,sBAAsB,CAClC;QACC,cAAc,EAAE;YACf,QAAQ,EAAE,MAAM;YAChB,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,cAAc,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;SAC1D;KACD,EACD,CAAC,EAAE,CAAC,CACJ,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,mEAAmE;IACnE,qBAAqB,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,KAAK,EAAE,CAAC,CAAC;IAEtD,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,6BAAK,SAAS,EAAC,oBAAoB;QACjC,aAAa,IAAI,oBAAC,cAAc,IAAC,EAAE,EAAE,EAAE,KAAM,WAAW,GAAI;QAC7D,oBAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI;YACpC,oBAAC,aAAa,IAAC,SAAS,EAAE,SAAS,IACjC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACxB,oBAAC,OAAO,IAAC,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE;gBACpC,oBAAC,YAAY,IAAC,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,QAAQ,SAAG,CAC7B,CACV,CAAC,CACa,CACU,CACtB,CACN,CAAC,CAAC;IAEH,aAAa;IACb,KAAK,UAAU,SAAS,CAAC,EAAU,EAAE,OAAe;QACnD,MAAM,SAAS,CAAC,SAAS,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;IACxC,CAAC;AACF,CAAC,CAAC;AAEF,kBAAkB,CAAC,YAAY,GAAG;IACjC,aAAa,EAAE,IAAI;CACnB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import DocumentListView from "../DocumentListView";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { observe } from "@voplus/morpho-ui";
|
|
4
|
+
const ExplorerView = (props) => {
|
|
5
|
+
return observe(() => React.createElement(DocumentListView, { id: props.id, headerVisible: false }));
|
|
6
|
+
};
|
|
7
|
+
export default ExplorerView;
|
|
8
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ExplorerView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,qBAAqB,CAAC;AACnD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C,MAAM,YAAY,GAAG,CAAC,KAAqB,EAAE,EAAE;IAC9C,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,oBAAC,gBAAgB,IAAC,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,aAAa,EAAE,KAAK,GAAI,CAAC,CAAC;AAChF,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import "./index.less";
|
|
2
|
+
import { ArrowLeftOutlined, CloseOutlined, DownloadOutlined } from "@ant-design/icons";
|
|
3
|
+
import { AsideContent, observe } from "@voplus/morpho-ui";
|
|
2
4
|
import { Button, Tooltip } from "@voplus/antd";
|
|
3
|
-
import { CloseOutlined, DownloadOutlined } from "@ant-design/icons";
|
|
4
5
|
import { QuickSubContent, QuickSubTab } from "../QuickViewDialog/QuickSubTab";
|
|
5
6
|
import React, { useState } from "react";
|
|
6
7
|
import DocumentName from "../DocumentName";
|
|
7
8
|
import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
|
|
8
9
|
import FileViewer from "./FileViewer";
|
|
9
|
-
import
|
|
10
|
+
import QuickModal from "../QuickViewDialog/QuickModal";
|
|
10
11
|
import { faExternalLink } from "@fortawesome/pro-light-svg-icons";
|
|
11
|
-
import { observe } from "@voplus/morpho-ui";
|
|
12
12
|
import { saveAs } from "file-saver";
|
|
13
13
|
import { useFile } from "../../data/FileStore/hooks";
|
|
14
14
|
import { useFileStore } from "../../data/FileStore/FileStore";
|
|
@@ -17,8 +17,8 @@ const FilePreview = (props) => {
|
|
|
17
17
|
const layout = useLayout();
|
|
18
18
|
const store = useFileStore();
|
|
19
19
|
const file = useFile(props.id);
|
|
20
|
-
const [key, setKey] = useState("");
|
|
21
20
|
const [subTab, setSubTab] = useState(false);
|
|
21
|
+
const [asideContext] = useState(AsideContent.createContext());
|
|
22
22
|
const download = () => {
|
|
23
23
|
store.download(props.id).then((blob) => {
|
|
24
24
|
if (blob) {
|
|
@@ -29,30 +29,33 @@ const FilePreview = (props) => {
|
|
|
29
29
|
}
|
|
30
30
|
});
|
|
31
31
|
};
|
|
32
|
-
return observe(() => (React.createElement(
|
|
33
|
-
React.createElement(
|
|
34
|
-
React.createElement("div", { className: "perview-
|
|
35
|
-
|
|
32
|
+
return observe(() => (React.createElement(QuickModal, { visible: props.visible, width: subTab ? "1000px" : "650px", onCancel: props.onClose },
|
|
33
|
+
React.createElement(AsideContent, { context: asideContext, style: { width: "100%" } },
|
|
34
|
+
React.createElement("div", { className: "perview-content" },
|
|
35
|
+
layout.ui.mobile && (React.createElement("div", { style: { padding: "10px 20px", borderBottom: "1px solid #f2f2f2" } },
|
|
36
|
+
React.createElement(ArrowLeftOutlined, { style: { fontSize: "16px" }, onClick: props.onClose }))),
|
|
37
|
+
React.createElement("div", { className: "perview-head" }, file ? (React.createElement(React.Fragment, null,
|
|
36
38
|
React.createElement(DocumentName, { id: props.id, showIcon: true, inlineEdit: true, quickView: false }),
|
|
37
39
|
React.createElement("div", { className: "preview-tab" },
|
|
38
40
|
props.url && (React.createElement(Tooltip, { title: "Open New Tab" },
|
|
39
41
|
React.createElement(Button, { onClick: openTab, className: "ant-btn-icon-only" },
|
|
40
42
|
React.createElement(FAIcon, { icon: faExternalLink })))),
|
|
41
|
-
React.createElement(QuickSubTab, { shape: false, showSubTab:
|
|
43
|
+
React.createElement(QuickSubTab, { shape: false, showSubTab: showSubTab }),
|
|
42
44
|
React.createElement(Tooltip, { title: "Download" },
|
|
43
45
|
React.createElement(Button, { icon: React.createElement(DownloadOutlined, null), onClick: download })),
|
|
44
|
-
React.createElement(Button, { icon: React.createElement(CloseOutlined, null), onClick: props.onClose })))) : ("File not found")),
|
|
46
|
+
!layout.ui.mobile && React.createElement(Button, { icon: React.createElement(CloseOutlined, null), onClick: props.onClose })))) : ("File not found")),
|
|
45
47
|
file.loaded ? (React.createElement(FileViewer, { id: props.id, style: {
|
|
46
48
|
height: "70vh",
|
|
47
49
|
display: "flex",
|
|
48
50
|
flexDirection: "column",
|
|
49
51
|
flex: 1,
|
|
50
|
-
} })) : ("File not found"))
|
|
51
|
-
subTab && (React.createElement(QuickSubContent, { className: "preview-quick", id: props.id, type: key, shape: true, onCancel: () => setSubTab(false) }))))));
|
|
52
|
+
} })) : ("File not found"))))));
|
|
52
53
|
function showSubTab(key) {
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
54
|
+
setSubTab(true);
|
|
55
|
+
asideContext.openAside(React.createElement(QuickSubContent, { id: props.id, type: key, shape: true, onCancel: () => {
|
|
56
|
+
asideContext.closeAside();
|
|
57
|
+
setSubTab(false);
|
|
58
|
+
} }), { span: 12 });
|
|
56
59
|
}
|
|
57
60
|
function openTab() {
|
|
58
61
|
layout.history.push(props.url);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Preview.js","sourceRoot":"","sources":["../../../src/components/FileViewer/Preview.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Preview.js","sourceRoot":"","sources":["../../../src/components/FileViewer/Preview.tsx"],"names":[],"mappings":"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"}
|
|
@@ -40,38 +40,33 @@
|
|
|
40
40
|
cursor: pointer;
|
|
41
41
|
}
|
|
42
42
|
}
|
|
43
|
-
.preview-modal {
|
|
44
|
-
|
|
43
|
+
// .preview-modal {
|
|
44
|
+
.perview-content {
|
|
45
|
+
display: flex;
|
|
46
|
+
flex-direction: column;
|
|
47
|
+
overflow-y: hidden;
|
|
48
|
+
// .perview-file {
|
|
49
|
+
// flex: 1;
|
|
50
|
+
// }
|
|
51
|
+
.perview-head {
|
|
52
|
+
padding: 16px 24px;
|
|
53
|
+
color: rgba(0, 0, 0, 0.65);
|
|
54
|
+
background: #fff;
|
|
45
55
|
display: flex;
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
}
|
|
49
|
-
.perview-head {
|
|
50
|
-
padding: 16px 24px;
|
|
51
|
-
color: rgba(0, 0, 0, 0.65);
|
|
52
|
-
background: #fff;
|
|
53
|
-
// border-bottom: 1px solid #f0f0f0;
|
|
54
|
-
}
|
|
55
|
-
.preview-quick {
|
|
56
|
-
flex: 1;
|
|
57
|
-
.close-icon {
|
|
58
|
-
display: flex;
|
|
59
|
-
justify-content: flex-end;
|
|
60
|
-
padding: 16px 24px;
|
|
61
|
-
border-bottom: 1px solid #f0f0f0;
|
|
62
|
-
}
|
|
63
|
-
}
|
|
56
|
+
justify-content: space-between;
|
|
57
|
+
// border-bottom: 1px solid #f0f0f0;
|
|
64
58
|
}
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
59
|
+
}
|
|
60
|
+
// .ant-modal-body {
|
|
61
|
+
// padding: 0;
|
|
62
|
+
// }
|
|
63
|
+
.preview-tab {
|
|
64
|
+
text-align: right;
|
|
65
|
+
.ant-btn {
|
|
66
|
+
margin-left: 10px;
|
|
73
67
|
}
|
|
74
68
|
}
|
|
69
|
+
// }
|
|
75
70
|
.image-viewer-width-fit {
|
|
76
71
|
.ant-modal {
|
|
77
72
|
// max-width: 80vw;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import "./index.less";
|
|
2
|
+
import React from "react";
|
|
3
|
+
declare const Icon: {
|
|
4
|
+
(props: {
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
/** 是否需要border */
|
|
7
|
+
border?: boolean;
|
|
8
|
+
/** Tooltip title */
|
|
9
|
+
title?: string;
|
|
10
|
+
onClick?: () => void;
|
|
11
|
+
}): JSX.Element;
|
|
12
|
+
defaultProps: {
|
|
13
|
+
border: boolean;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
export default Icon;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import "./index.less";
|
|
2
|
+
import { Button, Tooltip } from "@voplus/antd";
|
|
3
|
+
import React from "react";
|
|
4
|
+
import classnames from "classnames";
|
|
5
|
+
import { observe } from "@voplus/morpho-ui";
|
|
6
|
+
const Icon = (props) => {
|
|
7
|
+
return observe(() => (React.createElement(Tooltip, { title: props.title },
|
|
8
|
+
React.createElement(Button, { onClick: props.onClick, className: classnames("tooltip-btn-icon", { "no-border": !props.border }) }, props.children))));
|
|
9
|
+
};
|
|
10
|
+
Icon.defaultProps = {
|
|
11
|
+
border: true,
|
|
12
|
+
};
|
|
13
|
+
export default Icon;
|
|
14
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAA;AAErB,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C,MAAM,IAAI,GAAG,CAAC,KAOb,EAAE,EAAE;IACJ,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,OAAO,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK;QAC1B,oBAAC,MAAM,IACN,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,SAAS,EAAE,UAAU,CAAC,kBAAkB,EAAE,EAAE,WAAW,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,IAExE,KAAK,CAAC,QAAQ,CACP,CACA,CACV,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,IAAI,CAAC,YAAY,GAAG;IACnB,MAAM,EAAE,IAAI;CACZ,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
:global {
|
|
2
|
+
.tooltip-btn-icon {
|
|
3
|
+
width: 32px;
|
|
4
|
+
height: 32px;
|
|
5
|
+
padding: 2.4px 0;
|
|
6
|
+
font-size: 16px;
|
|
7
|
+
border-radius: 2px;
|
|
8
|
+
vertical-align: -1px;
|
|
9
|
+
&.no-border {
|
|
10
|
+
border: none;
|
|
11
|
+
box-shadow: none;
|
|
12
|
+
&[ant-click-animating-without-extra-node]:after {
|
|
13
|
+
border: 0 none;
|
|
14
|
+
opacity: 0;
|
|
15
|
+
animation: none 0 ease 0 1 normal;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import Modal from "@voplus/morpho-ui/es/components/Modal";
|
|
3
|
+
import classNames from "classnames";
|
|
4
|
+
import { observe } from "@voplus/morpho-ui";
|
|
5
|
+
import styles from "./index.less";
|
|
6
|
+
import { useLayout } from "@voplus/morpho-data";
|
|
7
|
+
const QuickModal = (props) => {
|
|
8
|
+
const layout = useLayout();
|
|
9
|
+
return observe(() => (React.createElement(React.Fragment, null, layout.ui.mobile ? (props.children) : (React.createElement(Modal, { width: props.width, className: classNames(styles["quickView-modal"], props.className), visible: props.visible, destroyOnClose: true, closable: false, footer: null, onCancel: props.onCancel }, props.children)))));
|
|
10
|
+
};
|
|
11
|
+
export default QuickModal;
|
|
12
|
+
//# sourceMappingURL=QuickModal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"QuickModal.js","sourceRoot":"","sources":["../../../src/components/QuickViewDialog/QuickModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,OAAO,KAAK,MAAM,uCAAuC,CAAC;AAC1D,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,MAAM,UAAU,GAAG,CAAC,KAMnB,EAAE,EAAE;IACJ,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,KAAK,CAAC,QAAQ,QAEb,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CACnB,KAAK,CAAC,QAAQ,CACd,CAAC,CAAC,CAAC,CACH,oBAAC,KAAK,IACL,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,EACjE,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,cAAc,EAAE,IAAI,EACpB,QAAQ,EAAE,KAAK,EACf,MAAM,EAAE,IAAI,EACZ,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAEvB,KAAK,CAAC,QAAQ,CACR,CACR,CACe,CACjB,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -7,6 +7,7 @@ import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
|
|
|
7
7
|
import classnames from "classnames";
|
|
8
8
|
import { observe } from "@voplus/morpho-ui";
|
|
9
9
|
import styles from "./index.less";
|
|
10
|
+
import { useLayout } from "@voplus/morpho-data";
|
|
10
11
|
const QuickSubTab = (props) => {
|
|
11
12
|
const { type, shape, showSubTab } = { ...props };
|
|
12
13
|
const [buttonProps, setButtonProps] = useState({});
|
|
@@ -16,18 +17,18 @@ const QuickSubTab = (props) => {
|
|
|
16
17
|
}, [shape]);
|
|
17
18
|
return observe(() => (React.createElement(React.Fragment, null,
|
|
18
19
|
type !== "Document" && (React.createElement(Tooltip, { title: "Sub-Documents" },
|
|
19
|
-
React.createElement(Button,
|
|
20
|
+
React.createElement(Button, { ...buttonProps, icon: React.createElement(FAIcon, { icon: faFileAlt }), onClick: () => showSubTab === null || showSubTab === void 0 ? void 0 : showSubTab("documents") }))),
|
|
20
21
|
React.createElement(Tooltip, { title: "Activities" },
|
|
21
|
-
React.createElement(Button,
|
|
22
|
+
React.createElement(Button, { ...buttonProps, icon: React.createElement(FAIcon, { icon: faUserChart }), onClick: () => showSubTab === null || showSubTab === void 0 ? void 0 : showSubTab("activities") })))));
|
|
22
23
|
};
|
|
23
24
|
QuickSubTab.defaultProps = {
|
|
24
25
|
shape: true,
|
|
25
26
|
};
|
|
26
27
|
const QuickSubContent = (props) => {
|
|
27
28
|
const { type, id, shape, exclude, className, onCancel } = { ...props };
|
|
28
|
-
const
|
|
29
|
+
const layout = useLayout();
|
|
29
30
|
return observe(() => (React.createElement("div", { className: classnames(styles["quickView-right"], className) },
|
|
30
|
-
|
|
31
|
+
layout.ui.mobile ? null : (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 })))),
|
|
31
32
|
React.createElement("div", { className: "tab-content" },
|
|
32
33
|
type === "documents" && React.createElement(DocumentList, { id: id, exclude: exclude, multiple: true }),
|
|
33
34
|
type === "activities" && React.createElement(ActivityLog, { id: id })))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/QuickViewDialog/QuickSubTab/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAEnF,OAAO,WAAW,MAAM,gCAAgC,CAAC;AACzD,OAAO,YAAY,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,MAAM,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/QuickViewDialog/QuickSubTab/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,49 +1,47 @@
|
|
|
1
|
+
import { AsideContent, observe } from "@voplus/morpho-ui";
|
|
1
2
|
import { CommentDataIcon, DateQuickIcon, UserQuickIcon } from "../../controls/data-icons";
|
|
2
3
|
import { useDocument } from "@voplus/morpho-document-core";
|
|
3
4
|
import { QuickSubContent, QuickSubTab } from "./QuickSubTab";
|
|
4
5
|
import React, { useState } from "react";
|
|
5
6
|
import { ArrowLeftOutlined } from "@ant-design/icons";
|
|
6
|
-
import { AsideContent } from "@voplus/morpho-ui";
|
|
7
7
|
import DataIconBar from "../../controls/DataIconBar";
|
|
8
8
|
import DocumentHeader from "../DocumentHeader";
|
|
9
9
|
import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
|
|
10
|
-
import Modal from "@voplus/morpho-ui/es/components/Modal";
|
|
11
10
|
import Preview from "../FileViewer/Preview";
|
|
11
|
+
import QuickModal from "./QuickModal";
|
|
12
12
|
import { State } from "./state";
|
|
13
|
-
import classNames from "classnames";
|
|
14
13
|
import { faTimes } from "@fortawesome/pro-light-svg-icons";
|
|
15
|
-
import { observe } from "@voplus/morpho-ui";
|
|
16
14
|
import styles from "./index.less";
|
|
15
|
+
import { useLayout } from "@voplus/morpho-data";
|
|
17
16
|
const QuickViewDialog = (props) => {
|
|
18
17
|
const [state] = useState(new State());
|
|
19
|
-
const sUserAgent = navigator.userAgent.toLowerCase();
|
|
20
18
|
const [asideContext] = useState(AsideContent.createContext());
|
|
19
|
+
const layout = useLayout();
|
|
21
20
|
const doc = useDocument(props.id, { reload: true, includes: "tags, versions" });
|
|
22
|
-
/* 手机模式 */
|
|
23
|
-
const isMobile = /ipad|iphone|midp|rv:1.2.3.4|ucweb|android|windows ce|windows mobile/.test(sUserAgent);
|
|
24
21
|
const filePreview = doc.type === "File" || doc.type === "Shortcut";
|
|
25
|
-
|
|
26
|
-
React.createElement(
|
|
27
|
-
React.createElement("div", { className: "
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
React.createElement(
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
22
|
+
return observe(() => (React.createElement(React.Fragment, null, filePreview ? (React.createElement(Preview, { id: doc.type === "Shortcut" ? doc.target.id : props.id, visible: props.visible, url: `/files/${props.id}`, onClose: props.onCancel })) : (React.createElement(QuickModal, { width: state.subTab ? "1000px" : "500px", visible: props.visible, onCancel: props.onCancel },
|
|
23
|
+
React.createElement(AsideContent, { context: asideContext, className: styles["quickView-aside"] },
|
|
24
|
+
React.createElement("div", { className: "quickView-left" },
|
|
25
|
+
React.createElement("div", { className: "document-header" },
|
|
26
|
+
props.closeVisible &&
|
|
27
|
+
/* 手机模式 */
|
|
28
|
+
(layout.ui.mobile ? (React.createElement("div", { style: { padding: "10px 20px", borderBottom: "1px solid #f2f2f2" } },
|
|
29
|
+
React.createElement(ArrowLeftOutlined, { style: { fontSize: "16px" }, onClick: props.onCancel }))) : (React.createElement("div", { className: "close-icon" },
|
|
30
|
+
React.createElement(FAIcon, { icon: faTimes, onClick: props.onCancel })))),
|
|
31
|
+
props.header ? (props.header) : (React.createElement(DocumentHeader, { id: props.id, size: "h3", quickDataBar: React.createElement(DataIconBar, null,
|
|
32
|
+
React.createElement(DateQuickIcon, { id: props.id }),
|
|
33
|
+
React.createElement(CommentDataIcon, { id: props.id }),
|
|
34
|
+
React.createElement(UserQuickIcon, { id: props.id })), quickDataBarAlign: "left", clickNameEffect: "edit", autoSaveName: true }))),
|
|
35
|
+
React.createElement("div", { className: "quickView-contents" },
|
|
36
|
+
React.createElement("div", { className: "quickView-subTab" },
|
|
37
|
+
React.createElement(QuickSubTab, { type: doc.type, showSubTab: (key) => {
|
|
38
|
+
state.subTab = true;
|
|
39
|
+
asideContext.openAside(React.createElement(QuickSubContent, { id: props.id, type: key, exclude: props.exclude, onCancel: () => {
|
|
40
|
+
asideContext.closeAside();
|
|
41
|
+
state.subTab = false;
|
|
42
|
+
} }), { span: 12 });
|
|
43
|
+
} })),
|
|
44
|
+
props.children))))))));
|
|
47
45
|
};
|
|
48
46
|
QuickViewDialog.defaultProps = {
|
|
49
47
|
closeVisible: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/QuickViewDialog/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1F,OAAO,EAAa,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,KAAK,EAAE,EAAwB,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/QuickViewDialog/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { FilterOptionsContext, ListDataContext, useCreateListDataState, } from "@voplus/morpho-ui/es/data";
|
|
2
|
+
import React, { useEffect, useState } from "react";
|
|
3
|
+
import AsideContent from "@voplus/morpho-ui/es/components/layout/AsideContent";
|
|
4
|
+
import DocumentSortableTree from "../DocumentSortableTree";
|
|
5
|
+
import { DocumentTypeFilter } from "../../controls/filters";
|
|
6
|
+
import FilterView from "@voplus/morpho-ui/es/controls/FilterView";
|
|
7
|
+
import PropertiesView from "../PropertiesView";
|
|
8
|
+
import { State } from "./state";
|
|
9
|
+
import { observe } from "@voplus/morpho-ui";
|
|
10
|
+
import { runInAction } from "mobx";
|
|
11
|
+
import { useFrame } from "../ViewFrame/ViewFrameContext";
|
|
12
|
+
const TreeView = (props) => {
|
|
13
|
+
const frame = useFrame();
|
|
14
|
+
const [asideContext] = useState(AsideContent.createContext());
|
|
15
|
+
const [state] = useState(new State());
|
|
16
|
+
/** 建立 ListView 和useTaskListEffect所需的ListDataState. 会根据parentId重建所以不需reset. */
|
|
17
|
+
const list = useCreateListDataState({}, []);
|
|
18
|
+
useEffect(() => {
|
|
19
|
+
frame.Extra = (React.createElement(ListDataContext.Provider, { value: list },
|
|
20
|
+
React.createElement(FilterOptionsContext.Provider, { value: list.filters },
|
|
21
|
+
React.createElement(FilterView, { columns: React.createElement(DocumentTypeFilter, { key: "DocumentTypeFilter" }), className: "margin-left-10",
|
|
22
|
+
/** story 顯示值用, 組件如無必要,不需提供onFilter, ListView2會自動呼叫filter. */
|
|
23
|
+
onFilter: (c) => {
|
|
24
|
+
c.filter();
|
|
25
|
+
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]); });
|
|
26
|
+
}, onReset: (c) => {
|
|
27
|
+
c.reset();
|
|
28
|
+
runInAction(() => (state.filterType = undefined));
|
|
29
|
+
} }))));
|
|
30
|
+
}, []);
|
|
31
|
+
return observe(() => (React.createElement(AsideContent, { context: asideContext },
|
|
32
|
+
React.createElement(DocumentSortableTree, { id: props.id, filterType: state.filterType, onDocumentSelected: onDocumentSelected }))));
|
|
33
|
+
function onDocumentSelected(id) {
|
|
34
|
+
asideContext.openAside(React.createElement(PropertiesView, { id: id }), { span: 12 });
|
|
35
|
+
}
|
|
36
|
+
};
|
|
37
|
+
export default TreeView;
|
|
38
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TreeView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,oBAAoB,EACpB,eAAe,EACf,sBAAsB,GACtB,MAAM,2BAA2B,CAAC;AACnC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,YAAY,MAAM,qDAAqD,CAAC;AAC/E,OAAO,oBAAoB,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,UAAU,MAAM,0CAA0C,CAAC;AAClE,OAAO,cAAc,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAEzD,MAAM,QAAQ,GAAG,CAAC,KAAqB,EAAE,EAAE;IAC1C,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,CAAC,YAAY,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,aAAa,EAAE,CAAC,CAAC;IAC9D,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;IAEtC,8EAA8E;IAC9E,MAAM,IAAI,GAAG,sBAAsB,CAAM,EAAE,EAAE,EAAE,CAAC,CAAC;IAEjD,SAAS,CAAC,GAAG,EAAE;QACd,KAAK,CAAC,KAAK,GAAG,CACb,oBAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI;YACpC,oBAAC,oBAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,OAAO;gBACjD,oBAAC,UAAU,IACV,OAAO,EAAE,oBAAC,kBAAkB,IAAC,GAAG,EAAC,oBAAoB,GAAG,EACxD,SAAS,EAAC,gBAAgB;oBAC1B,6DAA6D;oBAC7D,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;wBACf,CAAC,CAAC,MAAM,EAAE,CAAC;wBACX,WAAW,CACV,GAAG,EAAE,WACJ,OAAA,CAAC,KAAK,CAAC,UAAU,GAAG,MAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,OAAO,CAAC,OAAO,0CAAE,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,KAAK,MAAM,EAAE,CAAC,CAAC,CAAC,CAAA,EAAA,CAChF,CAAC;oBACH,CAAC,EACD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;wBACd,CAAC,CAAC,KAAK,EAAE,CAAC;wBACV,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,UAAU,GAAG,SAAS,CAAC,CAAC,CAAC;oBACnD,CAAC,GACA,CAC6B,CACN,CAC3B,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,YAAY,IAAC,OAAO,EAAE,YAAY;QAClC,oBAAC,oBAAoB,IACpB,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,kBAAkB,EAAE,kBAAkB,GACrC,CACY,CACf,CAAC,CAAC;IAEH,SAAS,kBAAkB,CAAC,EAAU;QACrC,YAAY,CAAC,SAAS,CAAC,oBAAC,cAAc,IAAC,EAAE,EAAE,EAAE,GAAI,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IAClE,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { makeObservable, observable } from "mobx";
|
|
3
|
+
export class State {
|
|
4
|
+
constructor() {
|
|
5
|
+
Object.defineProperty(this, "filterType", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
configurable: true,
|
|
8
|
+
writable: true,
|
|
9
|
+
value: void 0
|
|
10
|
+
});
|
|
11
|
+
makeObservable(this);
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
__decorate([
|
|
15
|
+
observable
|
|
16
|
+
], State.prototype, "filterType", void 0);
|
|
17
|
+
//# sourceMappingURL=state.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/components/TreeView/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAIlD,MAAM,OAAO,KAAK;IAGjB;QAFY;;;;;WAA4C;QAGvD,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;CACD;AALY;IAAX,UAAU;yCAA6C"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { DocumentMetaStore } from "../../data/DocumentMetaStore";
|
|
2
|
+
import { IDocument } from "@voplus/morpho-document-core";
|
|
3
|
+
import React from "react";
|
|
4
|
+
export declare type IView = "default" | "explorer" | "tree";
|
|
5
|
+
export declare class ViewFrameContextState {
|
|
6
|
+
private metas;
|
|
7
|
+
private document;
|
|
8
|
+
private _view?;
|
|
9
|
+
private onNavigate?;
|
|
10
|
+
Extra: React.ReactNode;
|
|
11
|
+
constructor(metas: DocumentMetaStore, document: IDocument, _view?: IView | undefined, onNavigate?: ((id: string, view: any) => void) | undefined);
|
|
12
|
+
get id(): string;
|
|
13
|
+
get view(): IView | undefined;
|
|
14
|
+
get ViewComponent(): JSX.Element | null;
|
|
15
|
+
navigate(id: string | null, view?: IView): void;
|
|
16
|
+
}
|
|
17
|
+
/** React context for ListContextState. */
|
|
18
|
+
export declare const ViewFrameContext: React.Context<ViewFrameContextState>;
|
|
19
|
+
/** React hook to retrieve the nearest ListContextState. */
|
|
20
|
+
export declare function useFrame(): ViewFrameContextState;
|