@voplus/morpho-workspace 9.0.7 → 9.0.8
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/modules/my-document/DocumentTableGroup/DocumentSection.d.ts +11 -0
- package/es/modules/my-document/DocumentTableGroup/DocumentSection.js +48 -0
- package/es/modules/my-document/DocumentTableGroup/DocumentSection.js.map +1 -0
- package/es/modules/my-document/DocumentTableGroup/ReloadContext.d.ts +7 -0
- package/es/modules/my-document/DocumentTableGroup/ReloadContext.js +29 -0
- package/es/modules/my-document/DocumentTableGroup/ReloadContext.js.map +1 -0
- package/es/modules/my-document/{DocumentSection → DocumentTableGroup}/index.d.ts +3 -2
- package/es/modules/my-document/DocumentTableGroup/index.js +25 -0
- package/es/modules/my-document/DocumentTableGroup/index.js.map +1 -0
- package/es/modules/my-document/FilterTabsBar/index.d.ts +2 -3
- package/es/modules/my-document/FilterTabsBar/index.js +3 -2
- package/es/modules/my-document/FilterTabsBar/index.js.map +1 -1
- package/es/modules/my-document/Header/index.d.ts +3 -1
- package/es/modules/my-document/Header/index.js +14 -10
- package/es/modules/my-document/Header/index.js.map +1 -1
- package/es/modules/my-document/SectionTemplate/DocumentTableUI/index.d.ts +4 -1
- package/es/modules/my-document/SectionTemplate/DocumentTableUI/index.js +9 -5
- package/es/modules/my-document/SectionTemplate/DocumentTableUI/index.js.map +1 -1
- package/es/modules/my-document/SectionTemplate/DocumentViewClass/index.d.ts +2 -5
- package/es/modules/my-document/SectionTemplate/DocumentViewClass/index.js +3 -3
- package/es/modules/my-document/SectionTemplate/DocumentViewClass/index.js.map +1 -1
- package/es/modules/my-document/SectionTemplate/GridUI/index.d.ts +2 -2
- package/es/modules/my-document/SectionTemplate/GridUI/index.js +5 -1
- package/es/modules/my-document/SectionTemplate/GridUI/index.js.map +1 -1
- package/es/modules/my-document/SectionTemplate/GridUI/useElementWidth.d.ts +6 -0
- package/es/modules/my-document/SectionTemplate/GridUI/useElementWidth.js +29 -0
- package/es/modules/my-document/SectionTemplate/GridUI/useElementWidth.js.map +1 -0
- package/es/modules/my-document/index.js +5 -11
- package/es/modules/my-document/index.js.map +1 -1
- package/package.json +1 -1
- package/es/modules/my-document/DocumentSection/index.js +0 -35
- package/es/modules/my-document/DocumentSection/index.js.map +0 -1
- package/es/modules/pin/components/PinnedSection/index.d.ts +0 -8
- package/es/modules/pin/components/PinnedSection/index.js +0 -45
- package/es/modules/pin/components/PinnedSection/index.js.map +0 -1
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { IconProp } from "@voplus/morpho-ui/es/faIcons";
|
|
3
|
+
declare const DocumentSection: (props: {
|
|
4
|
+
id: string;
|
|
5
|
+
title: string;
|
|
6
|
+
type: "pinned" | "personal";
|
|
7
|
+
icon?: IconProp | undefined;
|
|
8
|
+
flag: "Star" | "Urgent" | "None";
|
|
9
|
+
onItemClick?: (id: string) => void;
|
|
10
|
+
}) => React.JSX.Element;
|
|
11
|
+
export default DocumentSection;
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { useOnDeleteDocument, useAutoUpdateListData, useDocumentListEffect, } from "@voplus/morpho-document-core";
|
|
3
|
+
import { useReloadContext } from "./ReloadContext";
|
|
4
|
+
import { observe, useRenderOnChange } from "@voplus/morpho-ui";
|
|
5
|
+
import { useOnPinDocument, useOnUnPinDocument, useOnFlagChange, } from "@voplus/morpho-document-core/es/data/DocumentStore/hooks/pin-events";
|
|
6
|
+
import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
|
|
7
|
+
import DocumentViewClass from "../SectionTemplate/DocumentViewClass";
|
|
8
|
+
const DocumentSection = (props) => {
|
|
9
|
+
const { id, flag, icon, title, type } = props;
|
|
10
|
+
const [total, setTotal] = React.useState(0);
|
|
11
|
+
const [page, setPage] = React.useState({
|
|
12
|
+
Page: 1,
|
|
13
|
+
PageSize: 20,
|
|
14
|
+
});
|
|
15
|
+
const context = useReloadContext();
|
|
16
|
+
const list = useCreateListDataState({
|
|
17
|
+
filterDefaults: {
|
|
18
|
+
includes: "tags,permissions,createdby,folder",
|
|
19
|
+
filters: type === "pinned"
|
|
20
|
+
? [
|
|
21
|
+
{ c: "Pin", l: "And", o: "=", v1: "True" },
|
|
22
|
+
{ c: "Flag", o: "contains", l: "And", v1: JSON.stringify([flag]) },
|
|
23
|
+
]
|
|
24
|
+
: [
|
|
25
|
+
{ c: "ParentNodeId", o: "=", l: "And", v1: id },
|
|
26
|
+
{ c: "Flag", o: "contains", l: "And", v1: JSON.stringify([flag]) },
|
|
27
|
+
],
|
|
28
|
+
page,
|
|
29
|
+
},
|
|
30
|
+
}, [id, page, type]);
|
|
31
|
+
useRenderOnChange(() => [list.filters.options, id]);
|
|
32
|
+
useDocumentListEffect(list, (result, total) => {
|
|
33
|
+
list.union(result);
|
|
34
|
+
setTotal(total !== null && total !== void 0 ? total : 0);
|
|
35
|
+
}, {
|
|
36
|
+
...list.filters.options,
|
|
37
|
+
Total: true,
|
|
38
|
+
});
|
|
39
|
+
useAutoUpdateListData(list, (d) => d.parentId === id);
|
|
40
|
+
useOnPinDocument(() => { var _a; return (_a = context === null || context === void 0 ? void 0 : context.onReload) === null || _a === void 0 ? void 0 : _a.call(context); });
|
|
41
|
+
useOnUnPinDocument(() => { var _a; return (_a = context === null || context === void 0 ? void 0 : context.onReload) === null || _a === void 0 ? void 0 : _a.call(context); });
|
|
42
|
+
useOnFlagChange(() => { var _a; return (_a = context === null || context === void 0 ? void 0 : context.onReload) === null || _a === void 0 ? void 0 : _a.call(context); });
|
|
43
|
+
useOnDeleteDocument(() => { var _a; return (_a = context === null || context === void 0 ? void 0 : context.onReload) === null || _a === void 0 ? void 0 : _a.call(context); });
|
|
44
|
+
return observe(() => (React.createElement(ListDataContext.Provider, { value: list },
|
|
45
|
+
React.createElement(DocumentViewClass, { title: title, icon: icon, total: total, list: list, onItemClick: props.onItemClick, onSearch: (val) => list.triggerSearch(val), onPageChange: (page, pageSize) => setPage({ Page: page, PageSize: pageSize }) }))));
|
|
46
|
+
};
|
|
47
|
+
export default DocumentSection;
|
|
48
|
+
//# sourceMappingURL=DocumentSection.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DocumentSection.js","sourceRoot":"","sources":["../../../../src/modules/my-document/DocumentTableGroup/DocumentSection.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { createContext, useContext } from "react";
|
|
3
|
+
import { makeObservable, observable, action } from "mobx";
|
|
4
|
+
export class ReloadState {
|
|
5
|
+
constructor() {
|
|
6
|
+
Object.defineProperty(this, "loaded", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
configurable: true,
|
|
9
|
+
writable: true,
|
|
10
|
+
value: true
|
|
11
|
+
});
|
|
12
|
+
makeObservable(this);
|
|
13
|
+
}
|
|
14
|
+
onReload() {
|
|
15
|
+
this.loaded = false;
|
|
16
|
+
setTimeout(() => {
|
|
17
|
+
this.loaded = true;
|
|
18
|
+
}, 100);
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
__decorate([
|
|
22
|
+
observable
|
|
23
|
+
], ReloadState.prototype, "loaded", void 0);
|
|
24
|
+
__decorate([
|
|
25
|
+
action
|
|
26
|
+
], ReloadState.prototype, "onReload", null);
|
|
27
|
+
export const ReloadContext = createContext(null);
|
|
28
|
+
export const useReloadContext = () => useContext(ReloadContext);
|
|
29
|
+
//# sourceMappingURL=ReloadContext.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ReloadContext.js","sourceRoot":"","sources":["../../../../src/modules/my-document/DocumentTableGroup/ReloadContext.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAE1D,MAAM,OAAO,WAAW;IAGvB;QAFmB;;;;mBAAS,IAAI;WAAC;QAGhC,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;IAEO,QAAQ;QACf,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,UAAU,CAAC,GAAG,EAAE;YACf,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;QACpB,CAAC,EAAE,GAAG,CAAC,CAAC;IACT,CAAC;CACD;AAZmB;IAAlB,UAAU;2CAAsB;AAMzB;IAAP,MAAM;2CAKN;AAGF,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAAc,IAAW,CAAC,CAAC;AACrE,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC"}
|
|
@@ -2,8 +2,9 @@
|
|
|
2
2
|
* 使用在 MyDocument 中的全新 UI 设计
|
|
3
3
|
* */
|
|
4
4
|
import React from "react";
|
|
5
|
-
declare const
|
|
5
|
+
declare const DocumentTableGroup: (props: {
|
|
6
6
|
id: string;
|
|
7
|
+
type: "pinned" | "personal";
|
|
7
8
|
onClickItem?: (id: string) => void;
|
|
8
9
|
}) => React.JSX.Element;
|
|
9
|
-
export default
|
|
10
|
+
export default DocumentTableGroup;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* 使用在 MyDocument 中的全新 UI 设计
|
|
3
|
+
* */
|
|
4
|
+
import React from "react";
|
|
5
|
+
import { ReloadContext, ReloadState } from "./ReloadContext";
|
|
6
|
+
import { observe, useAsideContentContext } from "@voplus/morpho-ui";
|
|
7
|
+
import { faStarSolid, faExclamationCircleSolid } from "@voplus/morpho-ui/es/faIcons";
|
|
8
|
+
import DocumentPropertiesView from "@voplus/morpho-document-core/es/components/DocumentPropertiesView";
|
|
9
|
+
import DocumentSection from "./DocumentSection";
|
|
10
|
+
const DocumentTableGroup = (props) => {
|
|
11
|
+
const { id, type } = props;
|
|
12
|
+
const [context] = React.useState(() => new ReloadState());
|
|
13
|
+
const asideContext = useAsideContentContext();
|
|
14
|
+
function onItemClick(id) {
|
|
15
|
+
var _a;
|
|
16
|
+
asideContext === null || asideContext === void 0 ? void 0 : asideContext.openAside(React.createElement(DocumentPropertiesView, { id: id }), { span: 10 });
|
|
17
|
+
(_a = props.onClickItem) === null || _a === void 0 ? void 0 : _a.call(props, id);
|
|
18
|
+
}
|
|
19
|
+
return observe(() => (React.createElement(ReloadContext.Provider, { value: context }, context.loaded && (React.createElement(React.Fragment, null,
|
|
20
|
+
React.createElement(DocumentSection, { id: id, flag: "Star", type: type, icon: faStarSolid, title: type === "pinned" ? "Pinned Starred" : "Personal Starred", onItemClick: onItemClick }),
|
|
21
|
+
React.createElement(DocumentSection, { id: id, flag: "Urgent", type: type, icon: faExclamationCircleSolid, title: type === "pinned" ? "Pinned Urgent" : "Personal Urgent", onItemClick: onItemClick }),
|
|
22
|
+
React.createElement(DocumentSection, { id: id, type: type, flag: "None", title: type === "pinned" ? "Pinned Documents" : "Personal Documents", onItemClick: onItemClick }))))));
|
|
23
|
+
};
|
|
24
|
+
export default DocumentTableGroup;
|
|
25
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modules/my-document/DocumentTableGroup/index.tsx"],"names":[],"mappings":"AAAA;;KAEK;AAEL,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAC;AACrF,OAAO,sBAAsB,MAAM,mEAAmE,CAAC;AACvG,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAEhD,MAAM,kBAAkB,GAAG,CAAC,KAI3B,EAAE,EAAE;IACJ,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAC3B,MAAM,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,WAAW,EAAE,CAAC,CAAC;IAC1D,MAAM,YAAY,GAAG,sBAAsB,EAAE,CAAC;IAE9C,SAAS,WAAW,CAAC,EAAU;;QAC9B,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,CAAC,oBAAC,sBAAsB,IAAC,EAAE,EAAE,EAAE,GAAI,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;QAC1E,MAAA,KAAK,CAAC,WAAW,sDAAG,EAAE,CAAC,CAAC;IACzB,CAAC;IAED,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,IACpC,OAAO,CAAC,MAAM,IAAI,CAClB;QACC,oBAAC,eAAe,IACf,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,WAAW,EACjB,KAAK,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,kBAAkB,EAChE,WAAW,EAAE,WAAW,GACvB;QACF,oBAAC,eAAe,IACf,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,wBAAwB,EAC9B,KAAK,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,iBAAiB,EAC9D,WAAW,EAAE,WAAW,GACvB;QACF,oBAAC,eAAe,IACf,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,oBAAoB,EACpE,WAAW,EAAE,WAAW,GACvB,CACA,CACH,CACuB,CACzB,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
|
|
2
|
+
declare const FilterTabsBar: (props: {
|
|
3
3
|
activeTab: "pinned" | "personal";
|
|
4
4
|
onAdd?: () => void;
|
|
5
5
|
onChange: (activeTab: "pinned" | "personal") => void;
|
|
6
|
-
}
|
|
7
|
-
declare const FilterTabsBar: ({ activeTab, onAdd, onChange }: FilterTabsBarProps) => React.JSX.Element;
|
|
6
|
+
}) => React.JSX.Element;
|
|
8
7
|
export default FilterTabsBar;
|
|
@@ -4,7 +4,8 @@ import { useDocumentViewContext } from "../DocumentViewContext";
|
|
|
4
4
|
import { FontAwesomeIcon as FAIcon, faListUlRegular, faThLargeSolid, faPlusRegular, faStarSolid, faUserSolid, faUsersSolid, faBriefcaseSolid, } from "@voplus/morpho-ui/es/faIcons";
|
|
5
5
|
import { Button } from "antd";
|
|
6
6
|
import FilterUI from "../FilterUI";
|
|
7
|
-
const FilterTabsBar = (
|
|
7
|
+
const FilterTabsBar = (props) => {
|
|
8
|
+
const { activeTab, onAdd, onChange } = props;
|
|
8
9
|
const { viewType, setViewType } = useDocumentViewContext();
|
|
9
10
|
// Mock Data from HTML
|
|
10
11
|
const teams = [
|
|
@@ -25,7 +26,7 @@ const FilterTabsBar = ({ activeTab, onAdd, onChange }) => {
|
|
|
25
26
|
const [selectedWorkspaces, setSelectedWorkspaces] = React.useState([]);
|
|
26
27
|
const [teamsSearch, setTeamsSearch] = React.useState("");
|
|
27
28
|
const [workspacesSearch, setWorkspacesSearch] = React.useState("");
|
|
28
|
-
return observe(() => (React.createElement("div", { className: "
|
|
29
|
+
return observe(() => (React.createElement("div", { className: "px-5 py-4 shrink-0" },
|
|
29
30
|
React.createElement("div", { className: "flex items-center justify-between" },
|
|
30
31
|
React.createElement("div", { className: "flex items-center gap-2" },
|
|
31
32
|
React.createElement(Button, { type: activeTab === "pinned" ? "primary" : "default", onClick: () => onChange("pinned") },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modules/my-document/FilterTabsBar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EACN,eAAe,IAAI,MAAM,EACzB,eAAe,EACf,cAAc,EACd,aAAa,EACb,WAAW,EACX,WAAW,EACX,YAAY,EACZ,gBAAgB,GAChB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAC9B,OAAO,QAAQ,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modules/my-document/FilterTabsBar/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
|
|
2
|
+
import FilterTabsBar from "../FilterTabsBar";
|
|
3
|
+
import type { ComponentProps } from "react";
|
|
4
|
+
declare const Header: (props: ComponentProps<typeof FilterTabsBar>) => React.JSX.Element;
|
|
3
5
|
export default Header;
|
|
@@ -1,15 +1,19 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { observe } from "@voplus/morpho-ui";
|
|
3
|
-
import { FontAwesomeIcon as FAIcon, faFolderOpenSolid } from
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
React.createElement("
|
|
12
|
-
|
|
3
|
+
import { FontAwesomeIcon as FAIcon, faFolderOpenSolid } from "@voplus/morpho-ui/es/faIcons";
|
|
4
|
+
import FilterTabsBar from "../FilterTabsBar";
|
|
5
|
+
const Header = (props) => {
|
|
6
|
+
return observe(() => (React.createElement("div", { className: "bg-white flex-shrink-0" },
|
|
7
|
+
React.createElement("div", { className: "px-5 pt-6 pb-4" },
|
|
8
|
+
React.createElement("div", { className: "flex items-center gap-4" },
|
|
9
|
+
React.createElement("div", { className: "w-12 h-12 bg-blue-50 border border-blue-200 rounded-lg flex items-center justify-center flex-shrink-0" },
|
|
10
|
+
React.createElement(FAIcon, { icon: faFolderOpenSolid, className: "text-blue-600 text-xl" })),
|
|
11
|
+
React.createElement("div", null,
|
|
12
|
+
React.createElement("h1", { className: "text-xl font-bold text-slate-900" }, "My Documents"),
|
|
13
|
+
React.createElement("p", { className: "text-sm text-slate-600" }, "Access and manage your documents from all sources"))),
|
|
14
|
+
React.createElement("div", { className: "mt-4 border-b border-slate-200" })),
|
|
15
|
+
React.createElement(FilterTabsBar, { ...props }),
|
|
16
|
+
React.createElement("div", { className: "pb-4 bg-gradient-to-b from-white to-slate-50" }))));
|
|
13
17
|
};
|
|
14
18
|
export default Header;
|
|
15
19
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modules/my-document/Header/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modules/my-document/Header/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAC5F,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAI7C,MAAM,MAAM,GAAG,CAAC,KAA2C,EAAE,EAAE;IAC9D,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,6BAAK,SAAS,EAAC,wBAAwB;QAEtC,6BAAK,SAAS,EAAC,gBAAgB;YAC9B,6BAAK,SAAS,EAAC,yBAAyB;gBACvC,6BAAK,SAAS,EAAC,uGAAuG;oBACrH,oBAAC,MAAM,IAAC,IAAI,EAAE,iBAAiB,EAAE,SAAS,EAAC,uBAAuB,GAAG,CAChE;gBACN;oBACC,4BAAI,SAAS,EAAC,kCAAkC,mBAAkB;oBAClE,2BAAG,SAAS,EAAC,wBAAwB,wDAEjC,CACC,CACD;YAEN,6BAAK,SAAS,EAAC,gCAAgC,GAAO,CACjD;QAGN,oBAAC,aAAa,OAAK,KAAK,GAAI;QAE5B,6BAAK,SAAS,EAAC,8CAA8C,GAAO,CAC/D,CACN,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -1,9 +1,12 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { IDocument } from "@voplus/morpho-document-core";
|
|
3
|
+
import { ListDataContextState } from "@voplus/morpho-ui/es/data/ListDataContext";
|
|
3
4
|
import "./index.css";
|
|
4
5
|
declare const TableView: (props: {
|
|
5
|
-
list: IDocument
|
|
6
|
+
list: ListDataContextState<IDocument>;
|
|
7
|
+
total?: number;
|
|
6
8
|
loading?: boolean;
|
|
7
9
|
onItemClick?: (id: string) => void;
|
|
10
|
+
onPageChange?: (page: number, pageSize: number) => void;
|
|
8
11
|
}) => React.JSX.Element;
|
|
9
12
|
export default TableView;
|
|
@@ -11,7 +11,7 @@ import UTCShortDate from "@voplus/morpho-ui/es/controls/UTCShortDate";
|
|
|
11
11
|
import TagView from "@voplus/morpho-org/es/modules/tag/TagView";
|
|
12
12
|
import "./index.css";
|
|
13
13
|
const TableView = (props) => {
|
|
14
|
-
const { list, loading } = props;
|
|
14
|
+
const { list, loading, total } = props;
|
|
15
15
|
const [selectedRowKeys, setSelectedRowKeys] = useState([]);
|
|
16
16
|
const meta = useMetaStore();
|
|
17
17
|
const store = useDocumentStore();
|
|
@@ -106,7 +106,7 @@ const TableView = (props) => {
|
|
|
106
106
|
title: (React.createElement("span", { className: "text-xs font-semibold text-slate-500 uppercase tracking-wider" }, "Flag")),
|
|
107
107
|
dataIndex: "flag",
|
|
108
108
|
key: "flag",
|
|
109
|
-
render: (_, doc) => (React.createElement("div", { className: "cell-content" },
|
|
109
|
+
render: (_, doc) => (React.createElement("div", { className: "cell-content", onClick: (e) => e.stopPropagation() },
|
|
110
110
|
React.createElement(FlagProperty, { showEditIcon: false, id: doc.id, flag: doc.flag }))),
|
|
111
111
|
},
|
|
112
112
|
{
|
|
@@ -119,7 +119,7 @@ const TableView = (props) => {
|
|
|
119
119
|
{
|
|
120
120
|
title: "",
|
|
121
121
|
key: "operate",
|
|
122
|
-
width:
|
|
122
|
+
width: 90,
|
|
123
123
|
fixed: "end",
|
|
124
124
|
render: (_, doc) => (React.createElement("div", { className: "cell-content" },
|
|
125
125
|
React.createElement(DocumentToolbar, { id: doc.id },
|
|
@@ -130,7 +130,7 @@ const TableView = (props) => {
|
|
|
130
130
|
className: "text-right",
|
|
131
131
|
},
|
|
132
132
|
];
|
|
133
|
-
return observe(() => (React.createElement("div", {
|
|
133
|
+
return observe(() => (React.createElement("div", { className: "bg-white border border-slate-200 rounded-lg overflow-hidden document-table-ui-hide-scrollbar" },
|
|
134
134
|
hasSelected && (React.createElement(Flex, { gap: "middle", align: "center", className: "p-2.5!" },
|
|
135
135
|
React.createElement(Button, { size: "small", type: "text", danger: true, onClick: () => Modal.confirm({
|
|
136
136
|
title: "Do you want to delete these items ?",
|
|
@@ -144,7 +144,11 @@ const TableView = (props) => {
|
|
|
144
144
|
"Selected ",
|
|
145
145
|
selectedRowKeys.length,
|
|
146
146
|
" items"))),
|
|
147
|
-
React.createElement(Table, { rowKey: "id", pagination:
|
|
147
|
+
React.createElement(Table, { rowKey: "id", pagination: {
|
|
148
|
+
total,
|
|
149
|
+
pageSize: 20,
|
|
150
|
+
onChange: (newPage, newPageSize) => { var _a; return (_a = props.onPageChange) === null || _a === void 0 ? void 0 : _a.call(props, newPage, newPageSize); },
|
|
151
|
+
}, loading: loading !== null && loading !== void 0 ? loading : list.loading, columns: columns, dataSource: list.data, scroll: { y: 400, x: "max-content" }, rowClassName: () => "hover:bg-slate-50 cursor-pointer transition-colors", rowSelection: rowSelection, onRow: (record) => ({
|
|
148
152
|
onClick: (event) => {
|
|
149
153
|
var _a;
|
|
150
154
|
if (!(event.target instanceof HTMLElement))
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/my-document/SectionTemplate/DocumentTableUI/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EACN,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,QAAQ,GACR,MAAM,6DAA6D,CAAC;AACrE,OAAO,EAEN,YAAY,EACZ,gBAAgB,EAChB,wBAAwB,GACxB,MAAM,8BAA8B,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/my-document/SectionTemplate/DocumentTableUI/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +1,10 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { IDocument } from "@voplus/morpho-document-core";
|
|
3
2
|
import { IconProp } from "@voplus/morpho-ui/es/faIcons";
|
|
3
|
+
import TableUI from "../DocumentTableUI";
|
|
4
4
|
declare const DocumentViewClass: (props: {
|
|
5
5
|
title: string;
|
|
6
6
|
icon?: IconProp;
|
|
7
|
-
list: IDocument[];
|
|
8
|
-
loading?: boolean;
|
|
9
7
|
search?: boolean;
|
|
10
8
|
onSearch?: (val: string) => void;
|
|
11
|
-
|
|
12
|
-
}) => React.JSX.Element;
|
|
9
|
+
} & React.ComponentProps<typeof TableUI>) => React.JSX.Element;
|
|
13
10
|
export default DocumentViewClass;
|
|
@@ -6,7 +6,7 @@ import QuickSearch from "@voplus/morpho-ui/es/components/layout/ListView/control
|
|
|
6
6
|
import TableUI from "../DocumentTableUI";
|
|
7
7
|
import GridUI from "../GridUI";
|
|
8
8
|
const DocumentViewClass = (props) => {
|
|
9
|
-
const { list, title, icon,
|
|
9
|
+
const { list, title, icon, search = true } = props;
|
|
10
10
|
const { viewType } = useDocumentViewContext();
|
|
11
11
|
return observe(() => (React.createElement("div", { className: "mb-8" },
|
|
12
12
|
React.createElement("div", { className: "flex items-center justify-between mb-4" },
|
|
@@ -15,10 +15,10 @@ const DocumentViewClass = (props) => {
|
|
|
15
15
|
React.createElement("h2", { className: "text-xl font-bold text-slate-900" }, title),
|
|
16
16
|
React.createElement("span", { className: "text-sm text-slate-500" },
|
|
17
17
|
"(",
|
|
18
|
-
list.length,
|
|
18
|
+
list.data.length,
|
|
19
19
|
")")),
|
|
20
20
|
React.createElement("div", { className: "flex items-center gap-2" }, search && React.createElement(QuickSearch, { onChange: (val) => { var _a; return (_a = props.onSearch) === null || _a === void 0 ? void 0 : _a.call(props, val); } }))),
|
|
21
|
-
React.createElement("div", { className: "pinned-content" }, viewType === "table" ?
|
|
21
|
+
React.createElement("div", { className: "pinned-content" }, viewType === "table" ? React.createElement(TableUI, { ...props }) : React.createElement(GridUI, { ...props })))));
|
|
22
22
|
};
|
|
23
23
|
export default DocumentViewClass;
|
|
24
24
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/my-document/SectionTemplate/DocumentViewClass/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/my-document/SectionTemplate/DocumentViewClass/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,eAAe,IAAI,MAAM,EAAY,MAAM,8BAA8B,CAAC;AACnF,OAAO,WAAW,MAAM,sEAAsE,CAAC;AAC/F,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,MAAM,MAAM,WAAW,CAAC;AAE/B,MAAM,iBAAiB,GAAG,CACzB,KAKwC,EACvC,EAAE;IACH,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAEnD,MAAM,EAAE,QAAQ,EAAE,GAAG,sBAAsB,EAAE,CAAC;IAE9C,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,6BAAK,SAAS,EAAC,MAAM;QACpB,6BAAK,SAAS,EAAC,wCAAwC;YACtD,6BAAK,SAAS,EAAC,yBAAyB;gBACtC,IAAI,IAAI,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,GAAI;gBAC/B,4BAAI,SAAS,EAAC,kCAAkC,IAAE,KAAK,CAAM;gBAC7D,8BAAM,SAAS,EAAC,wBAAwB;;oBAAG,IAAI,CAAC,IAAI,CAAC,MAAM;wBAAS,CAC/D;YAEN,6BAAK,SAAS,EAAC,yBAAyB,IACtC,MAAM,IAAI,oBAAC,WAAW,IAAC,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE,WAAC,OAAA,MAAA,KAAK,CAAC,QAAQ,sDAAG,GAAG,CAAC,CAAA,EAAA,GAAI,CAC/D,CACD;QAEN,6BAAK,SAAS,EAAC,gBAAgB,IAC7B,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,oBAAC,OAAO,OAAK,KAAK,GAAI,CAAC,CAAC,CAAC,oBAAC,MAAM,OAAK,KAAK,GAAI,CACjE,CACD,CACN,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import { ListDataContextState } from "@voplus/morpho-ui/es/data/ListDataContext";
|
|
2
3
|
import { IDocument } from "@voplus/morpho-document-core";
|
|
3
4
|
declare const GridView: (props: {
|
|
4
|
-
list: IDocument
|
|
5
|
-
loading?: boolean;
|
|
5
|
+
list: ListDataContextState<IDocument>;
|
|
6
6
|
onItemClick?: (id: string) => void;
|
|
7
7
|
}) => React.JSX.Element;
|
|
8
8
|
export default GridView;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { Skeleton } from "antd";
|
|
3
3
|
import { observe } from "@voplus/morpho-ui";
|
|
4
|
+
import { useElementWidth } from "./useElementWidth";
|
|
4
5
|
import { useApplicationContext } from "@voplus/morpho-data";
|
|
5
6
|
import { FontAwesomeIcon as FAIcon, faFolderOpenSolid } from "@voplus/morpho-ui/es/faIcons";
|
|
6
7
|
import { Restore, Open, Versions, Download, } from "@voplus/morpho-document/es/controls/DocumentToolbar/buttons";
|
|
@@ -14,7 +15,10 @@ const GridView = (props) => {
|
|
|
14
15
|
const { user } = useApplicationContext();
|
|
15
16
|
const meta = useMetaStore();
|
|
16
17
|
const store = useDocumentStore();
|
|
17
|
-
|
|
18
|
+
// 使用自定义 hook 检测宽度
|
|
19
|
+
const [gridRef, , isNarrow] = useElementWidth(1200);
|
|
20
|
+
return observe(() => (React.createElement(Skeleton, { loading: list.loading, active: true, paragraph: { rows: 3 } }, list.data.length > 0 ? (React.createElement("div", { ref: gridRef, className: `grid gap-4 items-stretch [grid-auto-rows:1fr] ` +
|
|
21
|
+
(isNarrow ? "grid-cols-2" : "grid-cols-1 md:grid-cols-2 lg:grid-cols-3") }, list.data.map((doc) => (React.createElement("div", { key: doc.id, onClick: () => { var _a; return (_a = props.onItemClick) === null || _a === void 0 ? void 0 : _a.call(props, doc.id); }, className: "group relative bg-white border rounded-lg p-4 hover:shadow-md transition-all cursor-pointer border-slate-200" },
|
|
18
22
|
React.createElement("div", { className: "absolute top-2 right-2" },
|
|
19
23
|
React.createElement(DocumentToolbar, { id: doc.id },
|
|
20
24
|
React.createElement(Open, { url: meta.getRoute(doc) }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/my-document/SectionTemplate/GridUI/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAC5F,OAAO,EACN,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,QAAQ,GACR,MAAM,6DAA6D,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/my-document/SectionTemplate/GridUI/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAC5F,OAAO,EACN,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,QAAQ,GACR,MAAM,6DAA6D,CAAC;AAErE,OAAO,EAAa,YAAY,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AACzF,OAAO,mBAAmB,MAAM,yDAAyD,CAAC;AAC1F,OAAO,eAAe,MAAM,qDAAqD,CAAC;AAElF,OAAO,WAAW,MAAM,4CAA4C,CAAC;AACrE,OAAO,OAAO,MAAM,2CAA2C,CAAC;AAEhE,MAAM,QAAQ,GAAG,CAAC,KAGjB,EAAE,EAAE;IACJ,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IACvB,MAAM,EAAE,IAAI,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAEzC,MAAM,IAAI,GAAG,YAAY,EAAE,CAAC;IAC5B,MAAM,KAAK,GAAG,gBAAgB,EAAE,CAAC;IAEjC,kBAAkB;IAClB,MAAM,CAAC,OAAO,EAAE,AAAD,EAAG,QAAQ,CAAC,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC;IAEpD,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,QAAQ,IAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,MAAM,QAAC,SAAS,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,IAC5D,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACvB,6BACC,GAAG,EAAE,OAAO,EACZ,SAAS,EACR,gDAAgD;YAChD,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,2CAA2C,CAAC,IAGxE,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACvB,6BACC,GAAG,EAAE,GAAG,CAAC,EAAE,EACX,OAAO,EAAE,GAAG,EAAE,WAAC,OAAA,MAAA,KAAK,CAAC,WAAW,sDAAG,GAAG,CAAC,EAAE,CAAC,CAAA,EAAA,EAC1C,SAAS,EAAC,8GAA8G;QAExH,6BAAK,SAAS,EAAC,wBAAwB;YACtC,oBAAC,eAAe,IAAC,EAAE,EAAE,GAAG,CAAC,EAAE;gBAC1B,oBAAC,IAAI,IAAC,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAI;gBAChC,GAAG,CAAC,MAAM,KAAK,UAAU,IAAI,oBAAC,OAAO,OAAG;gBACzC,oBAAC,QAAQ,OAAG;gBACX,GAAG,CAAC,IAAI,KAAK,MAAM,IAAI,oBAAC,QAAQ,OAAG,CACnB,CACb;QAEN,6BAAK,SAAS,EAAC,wBAAwB;YACtC,6BAAK,SAAS,EAAC,sCAAsC,IAAE,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAO;YAC/E,6BAAK,SAAS,EAAC,gBAAgB;gBAC9B,4BAAI,SAAS,EAAC,mFAAmF,IAC/F,GAAG,CAAC,IAAI,CACL;gBACL,6BAAK,SAAS,EAAC,gEAAgE;oBAC9E,oBAAC,WAAW,IACX,QAAQ,EAAE,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,EAC9C,WAAW,EAAC,SAAS,EACrB,OAAO,EAAE,KAAK,GACb;oBACF;wBACC,oBAAC,mBAAmB,IAAC,EAAE,EAAE,GAAG,CAAC,EAAE,GAAI,CAC9B,CACD;gBACN,oBAAC,OAAO,IACP,EAAE,EAAE,GAAG,CAAC,EAAE,EACV,IAAI,EAAE,GAAG,CAAC,IAAI,EACd,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,GACpE,CACG,CACD,CACD,CACN,CAAC,CACG,CACN,CAAC,CAAC,CAAC,CACH,6BAAK,SAAS,EAAC,mBAAmB;QACjC,6BAAK,SAAS,EAAC,MAAM;YACpB,oBAAC,MAAM,IAAC,IAAI,EAAE,iBAAiB,EAAE,SAAS,EAAC,yBAAyB,GAAG,CAClE;QACN,4BAAI,SAAS,EAAC,2CAA2C,yBAAwB;QACjF,2BAAG,SAAS,EAAC,gBAAgB,2DAAyD,CACjF,CACN,CACS,CACX,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { useEffect, useRef, useState } from "react";
|
|
2
|
+
/**
|
|
3
|
+
* 用于实时检测某个元素宽度，并返回当前宽度和 ref。
|
|
4
|
+
* @param threshold 阈值宽度（可选）
|
|
5
|
+
* @returns [ref, width, isBelowThreshold]
|
|
6
|
+
*/
|
|
7
|
+
export function useElementWidth(threshold) {
|
|
8
|
+
const ref = useRef(null);
|
|
9
|
+
const [width, setWidth] = useState(0);
|
|
10
|
+
const [isBelow, setIsBelow] = useState(false);
|
|
11
|
+
useEffect(() => {
|
|
12
|
+
const node = ref.current;
|
|
13
|
+
if (!node)
|
|
14
|
+
return;
|
|
15
|
+
const handleResize = (entries) => {
|
|
16
|
+
const w = entries[0].contentRect.width;
|
|
17
|
+
setWidth(w);
|
|
18
|
+
if (typeof threshold === "number")
|
|
19
|
+
setIsBelow(w < threshold);
|
|
20
|
+
};
|
|
21
|
+
const observer = new window.ResizeObserver(handleResize);
|
|
22
|
+
observer.observe(node);
|
|
23
|
+
// 初始化
|
|
24
|
+
handleResize([{ contentRect: node.getBoundingClientRect() }]);
|
|
25
|
+
return () => observer.disconnect();
|
|
26
|
+
}, [threshold]);
|
|
27
|
+
return [ref, width, isBelow];
|
|
28
|
+
}
|
|
29
|
+
//# sourceMappingURL=useElementWidth.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useElementWidth.js","sourceRoot":"","sources":["../../../../../src/modules/my-document/SectionTemplate/GridUI/useElementWidth.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEpD;;;;GAIG;AACH,MAAM,UAAU,eAAe,CAC9B,SAAkB;IAElB,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACzC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACtC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,IAAI,GAAG,GAAG,CAAC,OAAO,CAAC;QACzB,IAAI,CAAC,IAAI;YAAE,OAAO;QAClB,MAAM,YAAY,GAAG,CAAC,OAA8B,EAAE,EAAE;YACvD,MAAM,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC;YACvC,QAAQ,CAAC,CAAC,CAAC,CAAC;YACZ,IAAI,OAAO,SAAS,KAAK,QAAQ;gBAAE,UAAU,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC;QAC9D,CAAC,CAAC;QACF,MAAM,QAAQ,GAAG,IAAI,MAAM,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;QACzD,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACvB,MAAM;QACN,YAAY,CAAC,CAAC,EAAE,WAAW,EAAE,IAAI,CAAC,qBAAqB,EAAE,EAAyB,CAAC,CAAC,CAAC;QACrF,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;IACpC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CAAC,GAAG,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;AAC9B,CAAC"}
|
|
@@ -6,9 +6,7 @@ import { Scrollbars } from "react-custom-scrollbars-2";
|
|
|
6
6
|
import { DocumentViewProvider } from "./DocumentViewContext";
|
|
7
7
|
import AsideContent from "@voplus/morpho-ui/es/components/layout/AsideContent";
|
|
8
8
|
import NewDocumentForm from "@voplus/morpho-document/es/components/NewDocumentForm";
|
|
9
|
-
import
|
|
10
|
-
import DocumentSection from "./DocumentSection";
|
|
11
|
-
import FilterTabsBar from "./FilterTabsBar";
|
|
9
|
+
import DocumentTableGroup from "./DocumentTableGroup";
|
|
12
10
|
import Header from "./Header";
|
|
13
11
|
const MyDocumentPage = (props) => {
|
|
14
12
|
const [asideContext] = useState(AsideContent.createContext());
|
|
@@ -17,16 +15,12 @@ const MyDocumentPage = (props) => {
|
|
|
17
15
|
return observe(() => (React.createElement(AsideContent, { context: asideContext },
|
|
18
16
|
React.createElement(DocumentViewProvider, null,
|
|
19
17
|
React.createElement("div", { className: "inset-0 flex flex-col bg-slate-50" },
|
|
20
|
-
React.createElement(Header,
|
|
21
|
-
React.createElement(
|
|
22
|
-
React.createElement("div", { className: "flex-1 p-8 bg-white" },
|
|
18
|
+
React.createElement(Header, { activeTab: active, onAdd: handleAdd, onChange: setActive }),
|
|
19
|
+
React.createElement("div", { className: "flex-1 p-5 bg-slate-50" },
|
|
23
20
|
React.createElement(Scrollbars, { autoHide: true },
|
|
24
|
-
|
|
21
|
+
React.createElement(DocumentTableGroup, { id: props.parentId, type: active, onClickItem: (id) => {
|
|
25
22
|
layout.history.push(generatePath(props.path, { active: id }));
|
|
26
|
-
} }))
|
|
27
|
-
active === "personal" && (React.createElement(DocumentSection, { id: props.parentId, onClickItem: (id) => {
|
|
28
|
-
layout.history.push(generatePath(props.path, { active: id }));
|
|
29
|
-
} })))))))));
|
|
23
|
+
} }))))))));
|
|
30
24
|
function handleAdd() {
|
|
31
25
|
asideContext.openAside(React.createElement(NewDocumentForm, { parentId: props.parentId }), {
|
|
32
26
|
span: 10,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/modules/my-document/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,YAAY,MAAM,qDAAqD,CAAC;AAC/E,OAAO,eAAe,MAAM,uDAAuD,CAAC;AACpF,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/modules/my-document/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,YAAY,MAAM,qDAAqD,CAAC;AAC/E,OAAO,eAAe,MAAM,uDAAuD,CAAC;AACpF,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,MAAM,cAAc,GAAG,CAAC,KAAyC,EAAE,EAAE;IACpE,MAAM,CAAC,YAAY,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,aAAa,EAAE,CAAC,CAAC;IAC9D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAwB,QAAQ,CAAC,CAAC;IAEtE,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,YAAY,IAAC,OAAO,EAAE,YAAY;QAClC,oBAAC,oBAAoB;YACpB,6BAAK,SAAS,EAAC,mCAAmC;gBAEjD,oBAAC,MAAM,IAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,GAAI;gBAEpE,6BAAK,SAAS,EAAC,wBAAwB;oBACtC,oBAAC,UAAU,IAAC,QAAQ;wBACnB,oBAAC,kBAAkB,IAClB,EAAE,EAAE,KAAK,CAAC,QAAQ,EAClB,IAAI,EAAE,MAAM,EACZ,WAAW,EAAE,CAAC,EAAE,EAAE,EAAE;gCACnB,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;4BAC/D,CAAC,GACA,CACU,CACR,CACD,CACgB,CACT,CACf,CAAC,CAAC;IAEH,SAAS,SAAS;QACjB,YAAY,CAAC,SAAS,CAAC,oBAAC,eAAe,IAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,GAAI,EAAE;YACrE,IAAI,EAAE,EAAE;SACR,CAAC,CAAC;IACJ,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* 使用在 MyDocument 中的全新 UI 设计
|
|
3
|
-
* */
|
|
4
|
-
import React from "react";
|
|
5
|
-
import { useAutoUpdateListData, useDocumentListEffect, } from "@voplus/morpho-document-core";
|
|
6
|
-
import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
|
|
7
|
-
import { observe, useAsideContentContext, useRenderOnChange } from "@voplus/morpho-ui";
|
|
8
|
-
import DocumentPropertiesView from "@voplus/morpho-document-core/es/components/DocumentPropertiesView";
|
|
9
|
-
import DocumentViewClass from "../SectionTemplate/DocumentViewClass";
|
|
10
|
-
const DocumentSection = (props) => {
|
|
11
|
-
const { id } = props;
|
|
12
|
-
const asideContext = useAsideContentContext();
|
|
13
|
-
const list = useCreateListDataState({
|
|
14
|
-
filterDefaults: {
|
|
15
|
-
includes: "tags,permissions,createdby,folder",
|
|
16
|
-
filters: [{ c: "ParentNodeId", o: "=", l: "And", v1: id }],
|
|
17
|
-
page: { Page: 1, PageSize: 300 },
|
|
18
|
-
},
|
|
19
|
-
}, [id]);
|
|
20
|
-
/** 如果 list.filters.options变更了就重渲染，使下一行的useDocumentListEffect 可以接收新参数*/
|
|
21
|
-
useRenderOnChange(() => [list.filters.options, id]);
|
|
22
|
-
/** 把ListDataState传给useDocumentListEffect,使之可以自動更新loading, hasmore. */
|
|
23
|
-
useDocumentListEffect(list, (result) => list.union(result), list.filters.options);
|
|
24
|
-
/** useOnNewDocument, useOnDeleteDocument的sugar syntax 自動更新list. */
|
|
25
|
-
useAutoUpdateListData(list, (d) => d.parentId === id);
|
|
26
|
-
return observe(() => (React.createElement(ListDataContext.Provider, { value: list },
|
|
27
|
-
React.createElement(DocumentViewClass, { title: "Personal Documents", loading: list.loading, list: [...list.data], onSearch: (val) => list.triggerSearch(val), onItemClick: onItemClick }))));
|
|
28
|
-
function onItemClick(id) {
|
|
29
|
-
var _a;
|
|
30
|
-
asideContext === null || asideContext === void 0 ? void 0 : asideContext.openAside(React.createElement(DocumentPropertiesView, { id: id }), { span: 10 });
|
|
31
|
-
(_a = props.onClickItem) === null || _a === void 0 ? void 0 : _a.call(props, id);
|
|
32
|
-
}
|
|
33
|
-
};
|
|
34
|
-
export default DocumentSection;
|
|
35
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modules/my-document/DocumentSection/index.tsx"],"names":[],"mappings":"AAAA;;KAEK;AAEL,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEN,qBAAqB,EACrB,qBAAqB,GACrB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACpF,OAAO,EAAE,OAAO,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACvF,OAAO,sBAAsB,MAAM,mEAAmE,CAAC;AACvG,OAAO,iBAAiB,MAAM,sCAAsC,CAAC;AAErE,MAAM,eAAe,GAAG,CAAC,KAAyD,EAAE,EAAE;IACrF,MAAM,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC;IAErB,MAAM,YAAY,GAAG,sBAAsB,EAAE,CAAC;IAE9C,MAAM,IAAI,GAAG,sBAAsB,CAClC;QACC,cAAc,EAAE;YACf,QAAQ,EAAE,mCAAmC;YAC7C,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,cAAc,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;YAC1D,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE;SAChC;KACD,EACD,CAAC,EAAE,CAAC,CACJ,CAAC;IAEF,uEAAuE;IACvE,iBAAiB,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC;IAEpD,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,oBAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI;QACpC,oBAAC,iBAAiB,IACjB,KAAK,EAAC,oBAAoB,EAC1B,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,EACpB,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,EAC1C,WAAW,EAAE,WAAW,GACvB,CACwB,CAC3B,CAAC,CAAC;IAEH,SAAS,WAAW,CAAC,EAAU;;QAC9B,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,CAAC,oBAAC,sBAAsB,IAAC,EAAE,EAAE,EAAE,GAAI,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;QAC1E,MAAA,KAAK,CAAC,WAAW,sDAAG,EAAE,CAAC,CAAC;IACzB,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* 使用在 MyDocument 中的全新 UI 设计
|
|
3
|
-
* */
|
|
4
|
-
import React, { useState } from "react";
|
|
5
|
-
import { State } from "../MyPinned/state";
|
|
6
|
-
import { useOnDeleteDocument, useDocumentListEffect, } from "@voplus/morpho-document-core";
|
|
7
|
-
import { useOnPinDocument, useOnUnPinDocument, useOnFlagChange, } from "@voplus/morpho-document-core/es/data/DocumentStore/hooks/pin-events";
|
|
8
|
-
import { faExclamationCircleSolid, faStarSolid } from "@voplus/morpho-ui/es/faIcons";
|
|
9
|
-
import { observe, useAsideContentContext, useRenderOnChange } from "@voplus/morpho-ui";
|
|
10
|
-
import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data/ListDataContext";
|
|
11
|
-
import DocumentPropertiesView from "@voplus/morpho-document-core/es/components/DocumentPropertiesView";
|
|
12
|
-
import PinnedClass from "../../../my-document/SectionTemplate/DocumentViewClass";
|
|
13
|
-
const PinnedSection = (props) => {
|
|
14
|
-
const [state] = useState(new State());
|
|
15
|
-
const asideContext = useAsideContentContext();
|
|
16
|
-
const list = useCreateListDataState({
|
|
17
|
-
filterDefaults: {
|
|
18
|
-
includes: "tags,createdby,folder",
|
|
19
|
-
filters: [{ c: "Pin", l: "And", o: "=", v1: "True" }],
|
|
20
|
-
page: { Page: 1, PageSize: 500 },
|
|
21
|
-
},
|
|
22
|
-
}, []);
|
|
23
|
-
/** 如果 list.filters.options变更了就重渲染，使下一行的useTaskListEffect 可以接收新参数*/
|
|
24
|
-
useRenderOnChange(() => list.filters.options);
|
|
25
|
-
/** 把ListDataState传给useTaskListEffect,使之可以自動更新loading, hasmore. */
|
|
26
|
-
useDocumentListEffect(list, (result, total) => {
|
|
27
|
-
list.union(result);
|
|
28
|
-
state.update(result, "new", true);
|
|
29
|
-
}, { ...list.filters.options, Total: true });
|
|
30
|
-
useOnPinDocument((s, d) => state.update([d], "new"));
|
|
31
|
-
useOnUnPinDocument((s, d) => state.update([d], "del"));
|
|
32
|
-
useOnFlagChange((s, d) => state.onChangeFlag(d));
|
|
33
|
-
useOnDeleteDocument((s, d) => state.update([d], "del"));
|
|
34
|
-
return observe(() => (React.createElement(ListDataContext.Provider, { value: list },
|
|
35
|
-
React.createElement(PinnedClass, { icon: faStarSolid, title: "Starred", loading: list.loading, list: state.starredList, onSearch: (val) => list.triggerSearch(val), onItemClick: onItemClick }),
|
|
36
|
-
React.createElement(PinnedClass, { icon: faExclamationCircleSolid, title: "Urgent", search: false, loading: list.loading, list: state.urgentList, onSearch: (val) => list.triggerSearch(val), onItemClick: onItemClick }),
|
|
37
|
-
React.createElement(PinnedClass, { title: "Others", search: false, loading: list.loading, list: state.othersList, onSearch: (val) => list.triggerSearch(val), onItemClick: onItemClick }))));
|
|
38
|
-
function onItemClick(id) {
|
|
39
|
-
var _a;
|
|
40
|
-
asideContext === null || asideContext === void 0 ? void 0 : asideContext.openAside(React.createElement(DocumentPropertiesView, { id: id }), { span: 10 });
|
|
41
|
-
(_a = props.onClickItem) === null || _a === void 0 ? void 0 : _a.call(props, id);
|
|
42
|
-
}
|
|
43
|
-
};
|
|
44
|
-
export default PinnedSection;
|
|
45
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/pin/components/PinnedSection/index.tsx"],"names":[],"mappings":"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"}
|