@voplus/morpho-document 6.1.86 → 6.1.87
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.
|
@@ -1,6 +1,12 @@
|
|
|
1
|
-
import React from "react";
|
|
1
|
+
import React, { ReactNode } from "react";
|
|
2
2
|
declare const DocumentItem2: (props: {
|
|
3
3
|
id: string;
|
|
4
4
|
multiple?: boolean;
|
|
5
|
+
/** 自定义 中间内容 */
|
|
6
|
+
middleContent?: ReactNode;
|
|
7
|
+
/** 自定义 右侧内容 */
|
|
8
|
+
rightContent?: ReactNode;
|
|
9
|
+
/** 自定义QuickDataBar */
|
|
10
|
+
quickDataBar?: ReactNode;
|
|
5
11
|
}) => React.JSX.Element;
|
|
6
12
|
export default DocumentItem2;
|
|
@@ -13,8 +13,9 @@ import TagView from "@voplus/morpho-org/es/modules/tag/TagView";
|
|
|
13
13
|
import QuickView from "@voplus/morpho-document-core/es/components/QuickView";
|
|
14
14
|
import DocumentPropertiesView from "@voplus/morpho-document-core/es/components/DocumentPropertiesView";
|
|
15
15
|
import { useDocument, useDocumentStore, useMetaStore } from "@voplus/morpho-document-core";
|
|
16
|
+
import classnames from "classnames";
|
|
16
17
|
const DocumentItem2 = (props) => {
|
|
17
|
-
const { id, multiple } = props;
|
|
18
|
+
const { id, multiple, quickDataBar } = props;
|
|
18
19
|
const meta = useMetaStore();
|
|
19
20
|
const { user } = useApplicationContext();
|
|
20
21
|
const documentStore = useDocumentStore();
|
|
@@ -23,25 +24,32 @@ const DocumentItem2 = (props) => {
|
|
|
23
24
|
reload: (d) => !d.tags,
|
|
24
25
|
includes: "tags,versions,permissions",
|
|
25
26
|
});
|
|
26
|
-
return observe(() => (React.createElement(ItemFunction, { className: "document-item-2 py-3 px-6 flex items-center gap-3 transition-all duration-200 cursor-pointer border-b border-slate-50 bg-white hover:bg-slate-50",
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
React.createElement("div", { className: "
|
|
31
|
-
React.createElement("
|
|
32
|
-
React.createElement("
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
React.createElement("div",
|
|
38
|
-
React.createElement(
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
27
|
+
return observe(() => (React.createElement(ItemFunction, { className: "document-item-2 py-3 px-6 flex items-center gap-3 transition-all duration-200 cursor-pointer border-b border-slate-50 bg-white hover:bg-slate-50 overflow-hidden", onMouseLeave: () => onMouse(false), propertiesView: React.createElement(DocumentPropertiesView, { id: id }), quickViewDialog: (onCancel) => React.createElement(QuickView, { id: id, visible: true, onCancel: onCancel }) },
|
|
28
|
+
React.createElement("div", { className: "flex-1 flex items-center gap-3 min-w-0", onMouseOver: () => onMouse(true) },
|
|
29
|
+
multiple ? React.createElement(Checkbox, { value: props.id, onClick: (e) => e.stopPropagation() }) : null,
|
|
30
|
+
React.createElement("div", { className: "w-8 h-8 bg-slate-100 rounded-md flex items-center justify-center text-slate-500 flex-shrink-0" }, meta.getIcon(document)),
|
|
31
|
+
React.createElement("div", { className: "flex-1 min-w-0" },
|
|
32
|
+
React.createElement("div", { className: "items-center mb-1 gap-3" },
|
|
33
|
+
React.createElement("h4", { className: "inline-flex text-sm font-medium text-slate-900 leading-5 min-w-0 overflow-hidden text-ellipsis whitespace-nowrap", style: { maxWidth: "78%" } },
|
|
34
|
+
React.createElement("div", { className: "truncate" }, document.name)),
|
|
35
|
+
document.status === "Readonly" && (React.createElement(FAIcon, { className: "file-lock text-sm", icon: faLock, title: "Read-only document", onClick: (e) => e.stopPropagation() })),
|
|
36
|
+
React.createElement(DescriptionDataIcon, { id: props.id }),
|
|
37
|
+
React.createElement(TagView, { id: id, tags: document.tags, editable: user.can("edit", document.p, { asset: "Tags" }) && !document.readonly, items: documentStore.items })),
|
|
38
|
+
React.createElement("div", null,
|
|
39
|
+
React.createElement("div", {
|
|
40
|
+
// className="quick-data-bar flex items-center gap-3"
|
|
41
|
+
className: "quick-data-bar gap-3", onClick: (e) => e.stopPropagation() }, quickDataBar || React.createElement(DocumentDataIconBar, { id: id }))))),
|
|
42
|
+
props.middleContent,
|
|
43
|
+
React.createElement("div", { className: classnames("action-buttons flex items-center justify-end gap-1 flex-shrink-0", {
|
|
44
|
+
"w-1/5 rightContent": props.middleContent,
|
|
45
|
+
}) }, isHover ? (React.createElement(ToolBar, { id: id },
|
|
46
|
+
React.createElement(Open, { url: meta.getRoute(document) }),
|
|
47
|
+
document.status === "Archived" && React.createElement(Restore, null),
|
|
48
|
+
React.createElement(Versions, null),
|
|
49
|
+
document.type === "File" && React.createElement(Download, null))) : props.rightContent ? (props.rightContent) : null))));
|
|
50
|
+
function onMouse(over) {
|
|
51
|
+
setIsHover(over);
|
|
52
|
+
}
|
|
45
53
|
};
|
|
46
54
|
export default DocumentItem2;
|
|
47
55
|
//# sourceMappingURL=DocumentItem2.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DocumentItem2.js","sourceRoot":"","sources":["../../../src/components/DocumentItem/DocumentItem2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,
|
|
1
|
+
{"version":3,"file":"DocumentItem2.js","sourceRoot":"","sources":["../../../src/components/DocumentItem/DocumentItem2.tsx"],"names":[],"mappings":"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"}
|
|
@@ -157,7 +157,7 @@
|
|
|
157
157
|
:global {
|
|
158
158
|
.document-item-2 {
|
|
159
159
|
.quick-data-bar {
|
|
160
|
-
display: inline-flex;
|
|
160
|
+
// display: inline-flex;
|
|
161
161
|
font-size: 0.75rem /* 12px */;
|
|
162
162
|
line-height: 1rem /* 16px */;
|
|
163
163
|
color: #64748b;
|
|
@@ -167,6 +167,7 @@
|
|
|
167
167
|
}
|
|
168
168
|
.data-icon {
|
|
169
169
|
line-height: 1rem;
|
|
170
|
+
margin-right: 0.6rem;
|
|
170
171
|
.content {
|
|
171
172
|
display: inline-flex;
|
|
172
173
|
align-items: center;
|