@voplus/morpho-workspace 10.0.26 → 10.0.27
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.js +72 -55
- package/es/modules/my-document/DocumentTableGroup/DocumentSection.js.map +1 -1
- package/es/modules/my-document/DocumentViewContext.d.ts +18 -13
- package/es/modules/my-document/DocumentViewContext.js +27 -65
- package/es/modules/my-document/DocumentViewContext.js.map +1 -1
- package/es/modules/my-document/FilterTabsBar/index.js +5 -5
- package/es/modules/my-document/FilterTabsBar/index.js.map +1 -1
- package/es/modules/my-document/FilterUI/TeamFilter/index.js +4 -4
- package/es/modules/my-document/FilterUI/TeamFilter/index.js.map +1 -1
- package/es/modules/my-document/FilterUI/WorkspaceFilter/index.js +4 -4
- package/es/modules/my-document/FilterUI/WorkspaceFilter/index.js.map +1 -1
- package/es/modules/my-document/SectionTemplate/DocumentTableUI/TableCell.js +30 -42
- package/es/modules/my-document/SectionTemplate/DocumentTableUI/TableCell.js.map +1 -1
- package/es/modules/my-document/SectionTemplate/DocumentTableUI/index.css +14 -6
- package/es/modules/my-document/SectionTemplate/DocumentTableUI/index.d.ts +2 -0
- package/es/modules/my-document/SectionTemplate/DocumentTableUI/index.js +48 -23
- package/es/modules/my-document/SectionTemplate/DocumentTableUI/index.js.map +1 -1
- package/es/modules/my-document/SectionTemplate/DocumentViewClass/index.d.ts +2 -0
- package/es/modules/my-document/SectionTemplate/DocumentViewClass/index.js +2 -2
- package/es/modules/my-document/SectionTemplate/DocumentViewClass/index.js.map +1 -1
- package/es/modules/my-document/SectionTemplate/GridUI/GridItem.d.ts +8 -0
- package/es/modules/my-document/SectionTemplate/GridUI/GridItem.js +38 -0
- package/es/modules/my-document/SectionTemplate/GridUI/GridItem.js.map +1 -0
- package/es/modules/my-document/SectionTemplate/GridUI/index.d.ts +2 -0
- package/es/modules/my-document/SectionTemplate/GridUI/index.js +9 -38
- package/es/modules/my-document/SectionTemplate/GridUI/index.js.map +1 -1
- package/es/modules/my-document/SectionTemplate/NoFilterEmpty.d.ts +7 -0
- package/es/modules/my-document/SectionTemplate/NoFilterEmpty.js +10 -0
- package/es/modules/my-document/SectionTemplate/NoFilterEmpty.js.map +1 -0
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { faCalendarSolid, faFileSolid,
|
|
1
|
+
import { faCalendarSolid, faFileSolid, faUserSolid, faFolderSolid, faStarSolid, faExclamationCircleSolid, faEllipsisVerticalSolid, FontAwesomeIcon as FAIcon, } from "@voplus/morpho-ui/es/faIcons";
|
|
2
2
|
import TagView from "@voplus/morpho-org/es/modules/tag/TagView";
|
|
3
3
|
import { Restore, Open, Versions, Download, } from "@voplus/morpho-document/es/controls/DocumentToolbar/buttons";
|
|
4
4
|
import DocumentToolbar from "@voplus/morpho-document/es/controls/DocumentToolbar";
|
|
@@ -7,7 +7,8 @@ import UnitAvatar from "@voplus/morpho-org/es/components/UnitAvatar/LoadedUnitAv
|
|
|
7
7
|
import UnitNameNoteAlert from "@voplus/morpho-org/es/components/UnitNameNoteAlert";
|
|
8
8
|
import UTCShortDate from "@voplus/morpho-ui/es/controls/UTCShortDate";
|
|
9
9
|
import DocumentReference from "@voplus/morpho-document/es/controls/DocumentReference";
|
|
10
|
-
import { useMetaStore, useDocumentStore } from "@voplus/morpho-document-core";
|
|
10
|
+
import { useMetaStore, useDocumentStore, useDocument } from "@voplus/morpho-document-core";
|
|
11
|
+
import DocumentItem2 from "@voplus/morpho-document/es/components/DocumentItem/DocumentItem2";
|
|
11
12
|
import React from "react";
|
|
12
13
|
/** 完整列表列定义 */
|
|
13
14
|
export const columnsList = [
|
|
@@ -16,7 +17,7 @@ export const columnsList = [
|
|
|
16
17
|
React.createElement(FAIcon, { icon: faFileSolid }),
|
|
17
18
|
" File Name")),
|
|
18
19
|
dataIndex: "name",
|
|
19
|
-
width: "
|
|
20
|
+
width: "45%",
|
|
20
21
|
},
|
|
21
22
|
{
|
|
22
23
|
title: (React.createElement(React.Fragment, null,
|
|
@@ -24,24 +25,12 @@ export const columnsList = [
|
|
|
24
25
|
" CREATED DATE")),
|
|
25
26
|
dataIndex: "createDate",
|
|
26
27
|
},
|
|
27
|
-
{
|
|
28
|
-
title: (React.createElement(React.Fragment, null,
|
|
29
|
-
React.createElement(FAIcon, { icon: faClockSolid }),
|
|
30
|
-
" DOCUMENT DATE")),
|
|
31
|
-
dataIndex: "documentDate",
|
|
32
|
-
},
|
|
33
28
|
{
|
|
34
29
|
title: (React.createElement(React.Fragment, null,
|
|
35
30
|
React.createElement(FAIcon, { icon: faFolderSolid }),
|
|
36
31
|
" Folder")),
|
|
37
32
|
dataIndex: "folder",
|
|
38
33
|
},
|
|
39
|
-
{
|
|
40
|
-
title: (React.createElement(React.Fragment, null,
|
|
41
|
-
React.createElement(FAIcon, { icon: faBarsProgressSolid }),
|
|
42
|
-
" TAG")),
|
|
43
|
-
dataIndex: "tag",
|
|
44
|
-
},
|
|
45
34
|
{
|
|
46
35
|
title: (React.createElement(React.Fragment, null,
|
|
47
36
|
React.createElement(FAIcon, { icon: faUserSolid }),
|
|
@@ -60,7 +49,7 @@ export const columnsSimpleList = [
|
|
|
60
49
|
React.createElement(FAIcon, { icon: faFileSolid }),
|
|
61
50
|
" File Name")),
|
|
62
51
|
dataIndex: "detail",
|
|
63
|
-
width: "
|
|
52
|
+
width: "42%",
|
|
64
53
|
},
|
|
65
54
|
{
|
|
66
55
|
title: (React.createElement(React.Fragment, null,
|
|
@@ -70,9 +59,9 @@ export const columnsSimpleList = [
|
|
|
70
59
|
},
|
|
71
60
|
{
|
|
72
61
|
title: (React.createElement(React.Fragment, null,
|
|
73
|
-
React.createElement(FAIcon, { icon:
|
|
74
|
-
"
|
|
75
|
-
dataIndex: "
|
|
62
|
+
React.createElement(FAIcon, { icon: faUserSolid }),
|
|
63
|
+
" CREATED BY")),
|
|
64
|
+
dataIndex: "by",
|
|
76
65
|
},
|
|
77
66
|
{
|
|
78
67
|
title: " ",
|
|
@@ -93,7 +82,7 @@ const groupFlagIcon = (flag) => {
|
|
|
93
82
|
/** 分组行标题内容(渲染在首列,与展开图标并排) */
|
|
94
83
|
export const GroupTitle = ({ record }) => {
|
|
95
84
|
var _a;
|
|
96
|
-
return (React.createElement("div", { className: "flex items-center gap-
|
|
85
|
+
return (React.createElement("div", { className: "flex items-center gap-1.5 text-sm text-font-secondary font-semibold uppercase" },
|
|
97
86
|
groupFlagIcon(record === null || record === void 0 ? void 0 : record.flag),
|
|
98
87
|
React.createElement("span", null, record === null || record === void 0 ? void 0 :
|
|
99
88
|
record.name,
|
|
@@ -105,7 +94,14 @@ const TableCell = (props) => {
|
|
|
105
94
|
const { dataIndex, record, children, firstDataIndex, ...restProps } = props;
|
|
106
95
|
const meta = useMetaStore();
|
|
107
96
|
const store = useDocumentStore();
|
|
97
|
+
// hook 必须无条件调用(rules-of-hooks,observe 回调即 Observer 的 render):
|
|
98
|
+
// 分组行传 undefined id,useDocument 对空 id 短路,不会发出 /api/documents/group-* 请求
|
|
99
|
+
const doc = useDocument((record === null || record === void 0 ? void 0 : record.isGroup) ? undefined : record === null || record === void 0 ? void 0 : record.id, {
|
|
100
|
+
reload: (d) => !d.tags,
|
|
101
|
+
includes: "tags",
|
|
102
|
+
});
|
|
108
103
|
return observe(() => {
|
|
104
|
+
// 分组行只渲染标题/图标/计数(整行其余单元格留空)
|
|
109
105
|
if (record === null || record === void 0 ? void 0 : record.isGroup) {
|
|
110
106
|
if (dataIndex && dataIndex === firstDataIndex) {
|
|
111
107
|
// children 含 rc-table 注入的展开图标(appendNode),必须渲染
|
|
@@ -117,38 +113,30 @@ const TableCell = (props) => {
|
|
|
117
113
|
var _a;
|
|
118
114
|
switch (dataIndex) {
|
|
119
115
|
case "name":
|
|
120
|
-
return React.createElement(
|
|
116
|
+
return (React.createElement(DocumentItem2, { id: doc.id, toolBarVisible: false, className: "p-0! border-0! bg-transparent!" }));
|
|
121
117
|
case "detail":
|
|
122
|
-
return (React.createElement(
|
|
123
|
-
React.createElement("div", { className: "field-label truncate" }, record.name),
|
|
124
|
-
React.createElement("div", { className: "flex items-center gap-5 text-sm text-font-grey font-medium" },
|
|
125
|
-
React.createElement("div", { className: "flex items-center gap-1" },
|
|
126
|
-
React.createElement(FAIcon, { icon: faCalendarSolid }),
|
|
127
|
-
React.createElement(UTCShortDate, { value: record.createDate, format: "DD MMM YYYY" })),
|
|
128
|
-
React.createElement("div", { className: "flex items-center gap-1" },
|
|
129
|
-
React.createElement(FAIcon, { icon: faUserSolid }),
|
|
130
|
-
record.createdBy ? (React.createElement(UnitNameNoteAlert, { id: record.createdBy.id, name: record.createdBy.name })) : ("__")))));
|
|
118
|
+
return (React.createElement(DocumentItem2, { id: doc.id, toolBarVisible: false, className: "p-0! border-0! bg-transparent! [&_.tag-view]:hidden!" }));
|
|
131
119
|
case "createDate":
|
|
132
|
-
return (React.createElement(UTCShortDate, { value:
|
|
120
|
+
return (React.createElement(UTCShortDate, { value: doc.createDate, format: "DD MMM YYYY", className: "text-sm font-medium tracking-wide text-font-primary" }));
|
|
133
121
|
case "documentDate":
|
|
134
|
-
return (React.createElement(UTCShortDate, { value:
|
|
122
|
+
return (React.createElement(UTCShortDate, { value: doc.date, format: "DD MMM YYYY", className: "text-sm font-medium tracking-wide text-font-primary" }));
|
|
135
123
|
case "folder":
|
|
136
|
-
return
|
|
137
|
-
React.createElement(DocumentReference, { id:
|
|
124
|
+
return doc.folder ? (React.createElement("div", { onClick: (e) => e.stopPropagation() },
|
|
125
|
+
React.createElement(DocumentReference, { id: doc.parentId, type: "link" }))) : ("__");
|
|
138
126
|
case "by":
|
|
139
127
|
return (React.createElement("div", { className: "flex min-w-0 items-center gap-1 font-medium text-font-primary" },
|
|
140
|
-
|
|
141
|
-
React.createElement(UnitAvatar, { unit:
|
|
142
|
-
React.createElement("div", { className: "min-w-0 whitespace-normal wrap-break-word line-clamp-2 text-font-secondary underline" },
|
|
128
|
+
doc.createdBy && (React.createElement("div", { className: "shrink-0" },
|
|
129
|
+
React.createElement(UnitAvatar, { unit: doc.createdBy }))),
|
|
130
|
+
React.createElement("div", { className: "min-w-0 whitespace-normal wrap-break-word line-clamp-2 text-font-secondary underline" }, doc.createdBy ? (React.createElement(UnitNameNoteAlert, { id: doc.createdBy.id, name: doc.createdBy.name })) : null)));
|
|
143
131
|
case "tag":
|
|
144
|
-
return (React.createElement(React.Fragment, null, ((_a =
|
|
132
|
+
return (React.createElement(React.Fragment, null, ((_a = doc.tags) === null || _a === void 0 ? void 0 : _a.length) ? (React.createElement(TagView, { id: doc.id, tags: doc.tags, items: store.items, maxCount: 1, tagClassName: "primary-tag" })) : ("__")));
|
|
145
133
|
case "menu":
|
|
146
134
|
return (React.createElement("div", { className: "flex justify-end", onClick: (e) => e.stopPropagation() },
|
|
147
|
-
React.createElement(DocumentToolbar, { id:
|
|
148
|
-
React.createElement(Open, { url: meta.getRoute(
|
|
149
|
-
|
|
135
|
+
React.createElement(DocumentToolbar, { id: doc.id, moreProps: { icon: React.createElement(FAIcon, { icon: faEllipsisVerticalSolid }) } },
|
|
136
|
+
React.createElement(Open, { url: meta.getRoute(doc) }),
|
|
137
|
+
doc.status === "Archived" && React.createElement(Restore, null),
|
|
150
138
|
React.createElement(Versions, null),
|
|
151
|
-
|
|
139
|
+
doc.type === "File" && React.createElement(Download, null))));
|
|
152
140
|
default:
|
|
153
141
|
return children;
|
|
154
142
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableCell.js","sourceRoot":"","sources":["../../../../../src/modules/my-document/SectionTemplate/DocumentTableUI/TableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,eAAe,EACf,WAAW,EACX,
|
|
1
|
+
{"version":3,"file":"TableCell.js","sourceRoot":"","sources":["../../../../../src/modules/my-document/SectionTemplate/DocumentTableUI/TableCell.tsx"],"names":[],"mappings":"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"}
|
|
@@ -24,19 +24,21 @@
|
|
|
24
24
|
|
|
25
25
|
/* 分组行(group-Star/Urgent/None):
|
|
26
26
|
1) 图标左移对齐复选框左缘,与普通行复选框/文件名对齐线垂直一致。
|
|
27
|
-
|
|
28
|
-
|
|
27
|
+
对齐规则仅在选择模式(selection-mode)下生效:左移量 = selection 列宽 45px
|
|
28
|
+
+ 首列 td 左 padding 16px - selection 列左 padding 8px = 53px(取整 -60px)
|
|
29
29
|
2) 移除行间分割边框
|
|
30
30
|
3) 背景继承 tr 的 bg-slate-50 铺满整行(覆盖 antd 固定列的白底) */
|
|
31
31
|
.document-table-ui-hide-scrollbar .ant-table-row[data-row-key^="group-"] .ant-table-row-indent {
|
|
32
32
|
display: none;
|
|
33
33
|
}
|
|
34
34
|
|
|
35
|
-
|
|
35
|
+
/* 分组行标题负 margin 左移对齐复选框左缘:仅在多选模式(selection 列存在)时生效;
|
|
36
|
+
默认态无选择列,分组标题与首列内容天然对齐,无需偏移 */
|
|
37
|
+
.document-table-ui-hide-scrollbar.selection-mode
|
|
36
38
|
.ant-table-row[data-row-key^="group-"]
|
|
37
39
|
.ant-table-cell-with-append
|
|
38
40
|
> div {
|
|
39
|
-
margin-inline-start: -
|
|
41
|
+
margin-inline-start: -40px;
|
|
40
42
|
}
|
|
41
43
|
|
|
42
44
|
.document-table-ui-hide-scrollbar .ant-table-row[data-row-key^="group-"] > td {
|
|
@@ -49,7 +51,13 @@
|
|
|
49
51
|
非 layer 的 !important 规则在层叠中输给 layer 内的 !important 规则,因此必须放入 @layer utilities 才能覆盖;
|
|
50
52
|
- 同 layer 内比 specificity 即可获胜,强制表头 selection 列与 tbody 一致(居中 + 水平 padding 8px) */
|
|
51
53
|
@layer utilities {
|
|
52
|
-
.document-table-ui-hide-scrollbar .ant-table-tbody .ant-table-
|
|
53
|
-
padding:
|
|
54
|
+
.document-table-ui-hide-scrollbar .ant-table-tbody .ant-table-cell:first-child {
|
|
55
|
+
padding-left: 20px !important;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.document-table-ui-hide-scrollbar:not(.selection-mode)
|
|
59
|
+
.ant-table-thead
|
|
60
|
+
.ant-table-cell:first-child {
|
|
61
|
+
padding-left: 66px !important;
|
|
54
62
|
}
|
|
55
63
|
}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import React, { useMemo, useState } from "react";
|
|
2
|
+
import { runInAction } from "mobx";
|
|
3
|
+
import { Checkbox } from "antd";
|
|
2
4
|
import { observe, useAsideContentContext, useAutorunEffect } from "@voplus/morpho-ui";
|
|
3
5
|
import { BatchContext, BatchContextState, ListDataContextState } from "@voplus/morpho-ui/es/data";
|
|
4
6
|
import { BatchHeader3, DeleteButton, SelectButton, LockButton, UnLockButton, } from "@voplus/morpho-ui/es/components/layout/ListView/headers/BatchHeader";
|
|
@@ -6,10 +8,11 @@ import { useDocumentStore, useSelectNodeInfoService, } from "@voplus/morpho-docu
|
|
|
6
8
|
import TableCell, { columnsList, columnsSimpleList, GroupTitle } from "./TableCell";
|
|
7
9
|
import RegisterTable from "@voplus/morpho-ui/es/controls/RegisterTable";
|
|
8
10
|
import { buildGroupTree, computeExpandedRowKeys, toggleCollapsedKey, } from "../documentGroups";
|
|
11
|
+
import NoFilterEmpty from "../NoFilterEmpty";
|
|
9
12
|
import "./index.css";
|
|
10
13
|
/** 分组表格视图:将 Star/Urgent/None 分组合并为树形 RegisterTable,默认全部展开,可折叠;多选工具条复用 morpho-ui 批量操作组件 */
|
|
11
14
|
const TableView = (props) => {
|
|
12
|
-
const { groups } = props;
|
|
15
|
+
const { groups, noFilter = false } = props;
|
|
13
16
|
/** 用户手动折叠的分组 key 集合(受控展开:可见分组默认全部展开) */
|
|
14
17
|
const [collapsedKeys, setCollapsedKeys] = useState(new Set());
|
|
15
18
|
const store = useDocumentStore();
|
|
@@ -24,10 +27,23 @@ const TableView = (props) => {
|
|
|
24
27
|
listState.clear();
|
|
25
28
|
listState.union(groups.flatMap((g) => g.list.data));
|
|
26
29
|
});
|
|
27
|
-
/** 行选择回调:同步选中集合到 batch
|
|
30
|
+
/** 行选择回调:同步选中集合到 batch;表头复选框在已全选态点击取消全选(keys 清空)时保留多选模式,
|
|
31
|
+
* 仅逐行取消勾选清空选中才退出多选 */
|
|
28
32
|
const onSelectChange = (newSelectedRowKeys) => {
|
|
29
|
-
batch.ids
|
|
30
|
-
|
|
33
|
+
const wasAllSelected = listState.count > 0 && batch.ids.length === listState.count;
|
|
34
|
+
runInAction(() => {
|
|
35
|
+
batch.ids = newSelectedRowKeys.map(String);
|
|
36
|
+
batch.multiple =
|
|
37
|
+
newSelectedRowKeys.length > 0 || (wasAllSelected && newSelectedRowKeys.length === 0);
|
|
38
|
+
});
|
|
39
|
+
};
|
|
40
|
+
/** 表头全选:选中全部文档行并进入多选模式(选择列与行复选框随之出现) */
|
|
41
|
+
const onSelectAll = () => {
|
|
42
|
+
const ids = groups.flatMap((g) => g.list.data.map((d) => d.id));
|
|
43
|
+
runInAction(() => {
|
|
44
|
+
batch.ids = ids;
|
|
45
|
+
batch.multiple = ids.length > 0;
|
|
46
|
+
});
|
|
31
47
|
};
|
|
32
48
|
/** 删除选中文档(DeleteButton 内置确认弹窗;完成后退出多选隐藏工具条) */
|
|
33
49
|
const onDelete = async (b) => {
|
|
@@ -71,27 +87,34 @@ const TableView = (props) => {
|
|
|
71
87
|
const expandedRowKeys = computeExpandedRowKeys(treeRows, collapsedKeys);
|
|
72
88
|
const loading = groups.some((g) => g.list.loading);
|
|
73
89
|
const hasMore = groups.some((g) => g.list.data.length < g.total);
|
|
74
|
-
|
|
90
|
+
/** 加载更多:多个分组的翻页必须合并到同一 action 内执行,避免 reaction 在两次 triggerNextPage
|
|
91
|
+
* 之间触发渲染,导致部分分组的 useDocumentListEffect 不重新请求而 loading 卡死 */
|
|
92
|
+
const onLoadMore = () => runInAction(() => groups.forEach((g) => {
|
|
75
93
|
if (g.list.data.length < g.total && !g.list.loading)
|
|
76
94
|
g.list.triggerNextPage();
|
|
77
|
-
});
|
|
78
|
-
/** 行选择配置:observe 内构建以订阅 batch
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
95
|
+
}));
|
|
96
|
+
/** 行选择配置:observe 内构建以订阅 batch 选中变化,驱动表格重渲染;
|
|
97
|
+
* 仅多选模式(batch.multiple)下挂载,默认态无选择列、内容零偏移 */
|
|
98
|
+
const rowSelection = batch.multiple
|
|
99
|
+
? {
|
|
100
|
+
selectedRowKeys: batch.ids,
|
|
101
|
+
columnWidth: 44,
|
|
102
|
+
align: "right",
|
|
103
|
+
onChange: onSelectChange,
|
|
104
|
+
getCheckboxProps: (record) => ({ disabled: !!record.isGroup }),
|
|
105
|
+
onCell: (record) => ({ record }),
|
|
106
|
+
}
|
|
107
|
+
: undefined;
|
|
108
|
+
return (React.createElement("div", { className: `document-table-ui-hide-scrollbar h-full flex flex-col relative${batch.multiple ? " selection-mode" : ""}` },
|
|
87
109
|
React.createElement(BatchContext.Provider, { value: batch },
|
|
88
|
-
React.createElement(
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
110
|
+
React.createElement("div", { className: "[&_>div:first-child]:pl-5" },
|
|
111
|
+
React.createElement(BatchHeader3, { buttons: [
|
|
112
|
+
React.createElement(DeleteButton, { execute: onDelete, key: "DeleteButton" }),
|
|
113
|
+
React.createElement(SelectButton, { execute: onMove, key: "SelectButton" }),
|
|
114
|
+
React.createElement(LockButton, { execute: onLock, key: "LockButton" }),
|
|
115
|
+
React.createElement(UnLockButton, { execute: onUnLock, key: "UnLockButton" }),
|
|
116
|
+
] })),
|
|
117
|
+
React.createElement(RegisterTable, { containerClassName: "[&_.ant-table-selection-column]:px-2!", columns: columns, dataSource: treeRows, loading: loading, onLoadMore: onLoadMore, hasMore: hasMore, locale: noFilter ? { emptyText: React.createElement(NoFilterEmpty, null) } : undefined, components: { body: { cell: TableCell } }, expandable: {
|
|
95
118
|
expandedRowKeys,
|
|
96
119
|
indentSize: 0,
|
|
97
120
|
expandIcon: () => null,
|
|
@@ -111,7 +134,9 @@ const TableView = (props) => {
|
|
|
111
134
|
}
|
|
112
135
|
},
|
|
113
136
|
};
|
|
114
|
-
} })
|
|
137
|
+
} }),
|
|
138
|
+
!batch.multiple && (React.createElement("div", { className: "absolute left-0 top-0 z-10 flex h-14 w-[62px] items-center justify-center" },
|
|
139
|
+
React.createElement(Checkbox, { "aria-label": "select all", disabled: groups.every((g) => g.list.data.length === 0), onChange: onSelectAll }))))));
|
|
115
140
|
});
|
|
116
141
|
};
|
|
117
142
|
export default TableView;
|
|
@@ -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,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/my-document/SectionTemplate/DocumentTableUI/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,5 +6,7 @@ declare const DocumentViewClass: (props: {
|
|
|
6
6
|
groups: DocumentGroup[];
|
|
7
7
|
/** 文档点击回调 */
|
|
8
8
|
onItemClick?: (id?: string) => void;
|
|
9
|
+
/** 是否未选择任何筛选条件(Pin/Personal/team/workspace 全空),用于区分空态文案 */
|
|
10
|
+
noFilter?: boolean;
|
|
9
11
|
}) => React.JSX.Element;
|
|
10
12
|
export default DocumentViewClass;
|
|
@@ -5,9 +5,9 @@ import TableUI from "../DocumentTableUI";
|
|
|
5
5
|
import GridUI from "../GridUI";
|
|
6
6
|
/** 根据当前视图类型(table/grid)切换分组视图 */
|
|
7
7
|
const DocumentViewClass = (props) => {
|
|
8
|
-
const { groups, onItemClick } = props;
|
|
8
|
+
const { groups, onItemClick, noFilter } = props;
|
|
9
9
|
const { viewType } = useDocumentViewContext();
|
|
10
|
-
return observe(() => viewType === "table" ? (React.createElement(TableUI, { groups: groups, onItemClick: onItemClick })) : (React.createElement(GridUI, { groups: groups, onItemClick: onItemClick })));
|
|
10
|
+
return observe(() => viewType === "table" ? (React.createElement(TableUI, { groups: groups, onItemClick: onItemClick, noFilter: noFilter })) : (React.createElement(GridUI, { groups: groups, onItemClick: onItemClick, noFilter: noFilter })));
|
|
11
11
|
};
|
|
12
12
|
export default DocumentViewClass;
|
|
13
13
|
//# 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;AAC5C,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,MAAM,MAAM,WAAW,CAAC;AAG/B,iCAAiC;AACjC,MAAM,iBAAiB,GAAG,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,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,MAAM,MAAM,WAAW,CAAC;AAG/B,iCAAiC;AACjC,MAAM,iBAAiB,GAAG,CAAC,KAO1B,EAAE,EAAE;IACJ,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAChD,MAAM,EAAE,QAAQ,EAAE,GAAG,sBAAsB,EAAE,CAAC;IAE9C,OAAO,OAAO,CAAC,GAAG,EAAE,CACnB,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,CACtB,oBAAC,OAAO,IAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,GAAI,CACzE,CAAC,CAAC,CAAC,CACH,oBAAC,MAAM,IAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,GAAI,CACxE,CACD,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { observe } from "@voplus/morpho-ui";
|
|
3
|
+
import UnitAvatar from "@voplus/morpho-org/es/components/UnitAvatar/LoadedUnitAvatar";
|
|
4
|
+
import UnitNameNoteAlert from "@voplus/morpho-org/es/components/UnitNameNoteAlert";
|
|
5
|
+
import { faEllipsisVerticalSolid, FontAwesomeIcon as FAIcon } from "@voplus/morpho-ui/es/faIcons";
|
|
6
|
+
import DocumentItem2 from "@voplus/morpho-document/es/components/DocumentItem/DocumentItem2";
|
|
7
|
+
import { Restore, Versions, Download, } from "@voplus/morpho-document/es/controls/DocumentToolbar/buttons";
|
|
8
|
+
import { Open } from "@voplus/morpho-document-core/es/controls/ToolBar/buttons";
|
|
9
|
+
import { useMetaStore, useDocumentStore, useDocument } from "@voplus/morpho-document-core";
|
|
10
|
+
import DocumentToolbar from "@voplus/morpho-document/es/controls/DocumentToolbar";
|
|
11
|
+
import TagView from "@voplus/morpho-org/es/modules/tag/TagView";
|
|
12
|
+
/** 文档卡片 */
|
|
13
|
+
const GridItem = (props) => {
|
|
14
|
+
const { id } = props;
|
|
15
|
+
const meta = useMetaStore();
|
|
16
|
+
const store = useDocumentStore();
|
|
17
|
+
const doc = useDocument(id, { reload: (d) => !d.tags, includes: "tags" });
|
|
18
|
+
return observe(() => {
|
|
19
|
+
var _a;
|
|
20
|
+
return (React.createElement("article", { className: "rounded-[10px] border border-border bg-white", onClick: () => { var _a; return (_a = props.onItemClick) === null || _a === void 0 ? void 0 : _a.call(props, doc.id); } },
|
|
21
|
+
React.createElement("div", { className: "flex items-start gap-3 px-4 pt-4" },
|
|
22
|
+
React.createElement(DocumentItem2, { id: doc.id, toolBarVisible: false, className: "flex-1 p-0! border-0! bg-transparent! [&_.tag-view]:hidden!" }),
|
|
23
|
+
React.createElement(DocumentToolbar, { id: doc.id, moreProps: { icon: React.createElement(FAIcon, { icon: faEllipsisVerticalSolid }) }, className: "text-sm" },
|
|
24
|
+
doc.status === "Archived" && React.createElement(Restore, null),
|
|
25
|
+
React.createElement(Versions, null),
|
|
26
|
+
doc.type === "File" && React.createElement(Download, null))),
|
|
27
|
+
React.createElement("div", { className: "flex items-center border-b border-border px-4 pb-4 pt-3" }, ((_a = doc.tags) === null || _a === void 0 ? void 0 : _a.length) ? (React.createElement(TagView, { id: doc.id, tags: doc.tags, items: store.items, maxCount: 2, tagClassName: "primary-tag" })) : ("__")),
|
|
28
|
+
React.createElement("div", { className: "flex items-center justify-between gap-2 px-4 py-4" },
|
|
29
|
+
React.createElement("div", { className: "flex min-w-0 items-center gap-2 font-medium text-font-primary" },
|
|
30
|
+
doc.createdBy && (React.createElement("div", { className: "shrink-0 text-size-2xs!" },
|
|
31
|
+
React.createElement(UnitAvatar, { unit: doc.createdBy }))),
|
|
32
|
+
React.createElement("div", { className: "text-sm font-medium leading-6 uppercase min-w-0 whitespace-normal wrap-break-word line-clamp-2" }, doc.createdBy ? (React.createElement(UnitNameNoteAlert, { id: doc.createdBy.id, name: doc.createdBy.name })) : null)),
|
|
33
|
+
React.createElement("span", { className: "text-sm! text-font-disabled!" },
|
|
34
|
+
React.createElement(Open, { url: meta.getRoute(doc) })))));
|
|
35
|
+
});
|
|
36
|
+
};
|
|
37
|
+
export default GridItem;
|
|
38
|
+
//# sourceMappingURL=GridItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GridItem.js","sourceRoot":"","sources":["../../../../../src/modules/my-document/SectionTemplate/GridUI/GridItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,62 +1,33 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import { Empty } from "antd";
|
|
2
3
|
import { observe } from "@voplus/morpho-ui";
|
|
3
|
-
import UTCShortDate from "@voplus/morpho-ui/es/controls/UTCShortDate";
|
|
4
|
-
import UnitAvatar from "@voplus/morpho-org/es/components/UnitAvatar/LoadedUnitAvatar";
|
|
5
|
-
import UnitNameNoteAlert from "@voplus/morpho-org/es/components/UnitNameNoteAlert";
|
|
6
|
-
import { faEllipsisVerticalSolid, FontAwesomeIcon as FAIcon } from "@voplus/morpho-ui/es/faIcons";
|
|
7
|
-
import { Restore, Versions, Download, } from "@voplus/morpho-document/es/controls/DocumentToolbar/buttons";
|
|
8
|
-
import { Open } from "@voplus/morpho-document-core/es/controls/ToolBar/buttons";
|
|
9
|
-
import { useMetaStore, useDocumentStore } from "@voplus/morpho-document-core";
|
|
10
4
|
import ResponsiveGridContainer from "@voplus/morpho-ui/es/controls/ResponsiveGrid/ResponsiveGridContainer";
|
|
11
|
-
import DocumentToolbar from "@voplus/morpho-document/es/controls/DocumentToolbar";
|
|
12
5
|
import GridColumn from "@voplus/morpho-ui/es/controls/ResponsiveGrid/GridColumn";
|
|
13
6
|
import InfiniteScrollView from "@voplus/morpho-ui/es/controls/InfiniteScrollView";
|
|
14
|
-
import TagView from "@voplus/morpho-org/es/modules/tag/TagView";
|
|
15
7
|
import Scrollbars from "react-custom-scrollbars-2";
|
|
16
8
|
import { filterVisibleGroups } from "../documentGroups";
|
|
9
|
+
import GridItem from "./GridItem";
|
|
10
|
+
import NoFilterEmpty from "../NoFilterEmpty";
|
|
17
11
|
/** 分组网格视图:按 Star/Urgent/None 顺序展示分组标题条与卡片网格 */
|
|
18
12
|
const GridView = (props) => {
|
|
19
|
-
const { groups } = props;
|
|
20
|
-
const meta = useMetaStore();
|
|
21
|
-
const store = useDocumentStore();
|
|
13
|
+
const { groups, noFilter = false } = props;
|
|
22
14
|
return observe(() => {
|
|
23
15
|
const visibleGroups = filterVisibleGroups(groups);
|
|
24
16
|
const loading = groups.some((g) => g.list.loading);
|
|
25
17
|
const hasMore = visibleGroups.some((g) => g.list.hasMore);
|
|
26
18
|
const loadMore = () => visibleGroups.forEach((g) => g.list.triggerNextPage());
|
|
27
19
|
return (React.createElement(Scrollbars, { autoHide: true },
|
|
28
|
-
React.createElement(InfiniteScrollView, { loading: loading, hasMore: hasMore, loadMore: loadMore, empty: visibleGroups.length === 0
|
|
29
|
-
|
|
20
|
+
React.createElement(InfiniteScrollView, { loading: loading, hasMore: hasMore, loadMore: loadMore, empty: visibleGroups.length === 0, emptyProps: noFilter
|
|
21
|
+
? { image: Empty.PRESENTED_IMAGE_SIMPLE, description: React.createElement(NoFilterEmpty, null) }
|
|
22
|
+
: undefined }, visibleGroups.map((g) => (React.createElement("div", { key: g.flag },
|
|
23
|
+
React.createElement("div", { className: "h-14 flex items-center gap-2 text-sm text-font-secondary font-semibold uppercase bg-bg-blue px-5" },
|
|
30
24
|
g.icon,
|
|
31
25
|
React.createElement("span", null,
|
|
32
26
|
g.title,
|
|
33
27
|
" (",
|
|
34
28
|
g.total,
|
|
35
29
|
")")),
|
|
36
|
-
React.createElement(ResponsiveGridContainer, { breakpoints: { xl: 4, lg: 4, md: 3, sm: 2, xs: 2 }, className: "px-5 py-5" }, ({ cols }) => (React.createElement(GridColumn, { cols: cols, className: "gap-4!" }, g.list.data.map((doc) => {
|
|
37
|
-
var _a;
|
|
38
|
-
return (React.createElement("article", { key: doc.id, className: "rounded-[10px] border border-border bg-white", onClick: () => { var _a; return (_a = props.onItemClick) === null || _a === void 0 ? void 0 : _a.call(props, doc.id); } },
|
|
39
|
-
React.createElement("div", { className: "flex items-start gap-3 px-4 pt-4" },
|
|
40
|
-
React.createElement("span", { className: "flex h-[44px] w-[44px] shrink-0 items-center justify-center rounded-base bg-bg-blue-data text-font-secondary" }, meta.getIcon(doc)),
|
|
41
|
-
React.createElement("div", { className: "min-w-0 flex-1" },
|
|
42
|
-
React.createElement("div", { className: "flex items-center gap-2" },
|
|
43
|
-
React.createElement("h3", { className: "truncate text-size-base font-bold uppercase tracking-[0.01em] text-font-primary" }, doc.name)),
|
|
44
|
-
React.createElement("p", { className: "mt-[3px] text-sm font-medium text-font-grey" },
|
|
45
|
-
"Created on",
|
|
46
|
-
React.createElement(UTCShortDate, { className: "ml-1", value: doc.createDate, format: "DD MMM YYYY" }))),
|
|
47
|
-
React.createElement(DocumentToolbar, { id: doc.id, moreProps: { icon: React.createElement(FAIcon, { icon: faEllipsisVerticalSolid }) }, className: "text-sm" },
|
|
48
|
-
doc.status === "Archived" && React.createElement(Restore, null),
|
|
49
|
-
React.createElement(Versions, null),
|
|
50
|
-
doc.type === "File" && React.createElement(Download, null))),
|
|
51
|
-
React.createElement("div", { className: "flex items-center border-b border-border px-4 pb-4 pt-3" }, ((_a = doc.tags) === null || _a === void 0 ? void 0 : _a.length) ? (React.createElement(TagView, { id: doc.id, tags: doc.tags, items: store.items, maxCount: 2, tagClassName: "primary-tag" })) : ("__")),
|
|
52
|
-
React.createElement("div", { className: "flex items-center justify-between gap-2 px-4 py-4" },
|
|
53
|
-
React.createElement("div", { className: "flex min-w-0 items-center gap-2 font-medium text-font-primary" },
|
|
54
|
-
doc.createdBy && (React.createElement("div", { className: "shrink-0 text-size-2xs!" },
|
|
55
|
-
React.createElement(UnitAvatar, { unit: doc.createdBy }))),
|
|
56
|
-
React.createElement("div", { className: "text-sm font-medium leading-6 uppercase min-w-0 whitespace-normal wrap-break-word line-clamp-2" }, doc.createdBy ? (React.createElement(UnitNameNoteAlert, { id: doc.createdBy.id, name: doc.createdBy.name })) : null)),
|
|
57
|
-
React.createElement("span", { className: "text-sm! text-font-disabled!" },
|
|
58
|
-
React.createElement(Open, { url: meta.getRoute(doc) })))));
|
|
59
|
-
}))))))))));
|
|
30
|
+
React.createElement(ResponsiveGridContainer, { breakpoints: { xl: 4, lg: 4, md: 3, sm: 2, xs: 2 }, className: "px-5 py-5" }, ({ cols }) => (React.createElement(GridColumn, { cols: cols, className: "gap-4!" }, g.list.data.map((doc) => (React.createElement(GridItem, { key: doc.id, id: doc.id, onItemClick: props.onItemClick }))))))))))));
|
|
60
31
|
});
|
|
61
32
|
};
|
|
62
33
|
export default GridView;
|
|
@@ -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,
|
|
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,KAAK,EAAE,MAAM,MAAM,CAAC;AAC7B,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,uBAAuB,MAAM,sEAAsE,CAAC;AAC3G,OAAO,UAAU,MAAM,yDAAyD,CAAC;AACjF,OAAO,kBAAkB,MAAM,kDAAkD,CAAC;AAClF,OAAO,UAAU,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAsB,MAAM,mBAAmB,CAAC;AAC5E,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAE7C,+CAA+C;AAC/C,MAAM,QAAQ,GAAG,CAAC,KAOjB,EAAE,EAAE;IACJ,MAAM,EAAE,MAAM,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAE3C,OAAO,OAAO,CAAC,GAAG,EAAE;QACnB,MAAM,aAAa,GAAG,mBAAmB,CAAC,MAAM,CAAC,CAAC;QAClD,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACnD,MAAM,OAAO,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC1D,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC;QAE9E,OAAO,CACN,oBAAC,UAAU,IAAC,QAAQ;YACnB,oBAAC,kBAAkB,IAClB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,aAAa,CAAC,MAAM,KAAK,CAAC,EACjC,UAAU,EACT,QAAQ;oBACP,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,sBAAsB,EAAE,WAAW,EAAE,oBAAC,aAAa,OAAG,EAAE;oBACzE,CAAC,CAAC,SAAS,IAGZ,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACzB,6BAAK,GAAG,EAAE,CAAC,CAAC,IAAI;gBACf,6BAAK,SAAS,EAAC,kGAAkG;oBAC/G,CAAC,CAAC,IAAI;oBACP;wBACE,CAAC,CAAC,KAAK;;wBAAI,CAAC,CAAC,KAAK;4BACb,CACF;gBACN,oBAAC,uBAAuB,IACvB,WAAW,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAClD,SAAS,EAAC,WAAW,IAEpB,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CACd,oBAAC,UAAU,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,QAAQ,IACxC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACzB,oBAAC,QAAQ,IAAC,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,EAAE,EAAE,WAAW,EAAE,KAAK,CAAC,WAAW,GAAI,CACrE,CAAC,CACU,CACb,CACwB,CACrB,CACN,CAAC,CACkB,CACT,CACb,CAAC;IACH,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
/**
|
|
3
|
+
* 未选择任何筛选条件(Pin/Personal/Team/Workspace 均空)时的空状态提示。
|
|
4
|
+
* 与「查询无结果(No data)」语义不同:此状态表示用户尚未选择筛选范围,而非没有可显示的内容。
|
|
5
|
+
*/
|
|
6
|
+
const NoFilterEmpty = () => (React.createElement("div", { className: "py-10 text-center" },
|
|
7
|
+
React.createElement("div", { className: "text-sm font-medium text-font-primary" }, "No filters selected"),
|
|
8
|
+
React.createElement("div", { className: "mt-1 text-sm text-font-grey" }, "Select Pin, Personal, Team, or Workspace to view documents")));
|
|
9
|
+
export default NoFilterEmpty;
|
|
10
|
+
//# sourceMappingURL=NoFilterEmpty.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NoFilterEmpty.js","sourceRoot":"","sources":["../../../../src/modules/my-document/SectionTemplate/NoFilterEmpty.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;GAGG;AACH,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,CAC3B,6BAAK,SAAS,EAAC,mBAAmB;IACjC,6BAAK,SAAS,EAAC,uCAAuC,0BAA0B;IAChF,6BAAK,SAAS,EAAC,6BAA6B,iEAEtC,CACD,CACN,CAAC;AAEF,eAAe,aAAa,CAAC"}
|