+
+ )
+ }
+
+ const renderDangerHandle = (Icon: React.ForwardRefExoticComponent
+
+ )
+ }
+
+ return {
+ SetPrivacy: (props: IMatterItemHandleProps) => renderHandle(LockOutlined, Lang.t('matter.setPrivate'), props.onClick),
+ SetUnPrivacy: (props: IMatterItemHandleProps) => renderHandle(UnlockOutlined, Lang.t('matter.setPublic'), props.onClick),
+ Recover: (props: IMatterItemHandleProps) => renderHandle(RedoOutlined, Lang.t('matter.recovery'), props.onClick),
+ GoDetail: (props: IMatterItemHandleProps) => renderHandle(InfoCircleOutlined, Lang.t('matter.fileDetail'), props.onClick),
+ Rename: (props: IMatterItemHandleProps) => renderHandle(EditOutlined, Lang.t('matter.rename'), props.onClick),
+ CopyPath: (props: IMatterItemHandleProps) => renderHandle(LinkOutlined, Lang.t('matter.copyPath'), props.onClick),
+ Download: (props: IMatterItemHandleProps) => renderHandle(DownloadOutlined, Lang.t('matter.download'), props.onClick),
+ Delete: (props: IMatterItemHandleProps) => renderDangerHandle(DeleteOutlined, Lang.t('matter.delete'), props.onClick),
+ HardDelete: (props: IMatterItemHandleProps) => renderDangerHandle(DeleteOutlined, Lang.t('matter.hardDelete'), props.onClick),
+ }
+}
diff --git a/src/hooks/useModal.tsx b/src/hooks/useModal.tsx
new file mode 100644
index 0000000..04d1e72
--- /dev/null
+++ b/src/hooks/useModal.tsx
@@ -0,0 +1,26 @@
+import { createElement, FunctionComponent, useRef } from 'react'
+import { render, unmountComponentAtNode } from 'react-dom'
+
+// modal中用到context时不要使用，静态方法之痛 https://ant-design.antgroup.com/docs/blog/why-not-static-cn
+const useModal =
+ {/*todo drag file*/}
+ {/*{dragEnterCount > 0 ? (
+
+
+ {selectedMatterUuids.length !== data?.list.length && (
+
+ )}
+
+ {!!data?.list.length && selectedMatterUuids.length === data.list.length && (
+
+ )}
+
+ {selectedMatterUuids.length > 0 && (
+ <>
+
+ {checkHandlePermission() && (
+
+ )}
+
+ )}
+
+
+
+
+
+
+ setUrlQuery({
+ keyword: e.target.value,
+ // todo 考虑非第一页的情况会不会自动跳转到第一页
+ })
+ }
+ />
+
+
+
+ {/*uploader context*/}
+
+
+ )
+}
+
+export default List
diff --git a/src/pages-hook/matter/components/MatterCreateItem.less b/src/pages-hook/matter/components/MatterCreateItem.less
new file mode 100644
index 0000000..49091c3
--- /dev/null
+++ b/src/pages-hook/matter/components/MatterCreateItem.less
@@ -0,0 +1,44 @@
+.widget-matter-create-item {
+ border-top: 1px solid #eee;
+ background-color: white;
+ display: flex;
+ align-content: center;
+ flex-wrap: nowrap;
+ line-height: 48px;
+
+ .checkbox-wrapper {
+ margin-left: 10px;
+ position: relative;
+ flex-shrink: 0;
+ &:after {
+ position: absolute;
+ top: 0;
+ right: -10px;
+ bottom: 0;
+ left: -10px;
+ content: '';
+ }
+ }
+
+ .icon-wrapper {
+ margin-left: 10px;
+ width: 24px;
+ flex-shrink: 0;
+ display: flex;
+ align-items: center;
+ img {
+ width: 24px;
+ }
+ }
+
+ .name-wrapper {
+ flex-grow: 1;
+ margin-left: 10px;
+ overflow: hidden;
+ .name-input {
+ width: calc(100% - 20px);
+ height: 26px;
+ padding: 6px;
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/pages-hook/matter/components/MatterCreateItem.tsx b/src/pages-hook/matter/components/MatterCreateItem.tsx
new file mode 100644
index 0000000..933828e
--- /dev/null
+++ b/src/pages-hook/matter/components/MatterCreateItem.tsx
@@ -0,0 +1,37 @@
+import { Checkbox } from 'antd'
+import React from 'react'
+import FileUtil from '@/common/util/FileUtil'
+import Lang from '@/common/model/global/Lang'
+import './MatterCreateItem.less'
+
+interface Props {
+ onBlurInput: (name: string) => void
+}
+
+const MatterCreateItem = ({ onBlurInput }: Props) => {
+ return (
+
+
+ ) : null}*/}
+
+
+
+
+ handleChangeSortFilter('orderName')}>
+ {Lang.t('matter.fileName')}
+ {renderSortIcon(urlQuery.orderName)}
+
+ handleChangeSortFilter('orderSize')}>
+ {Lang.t('matter.size')}
+ {renderSortIcon(urlQuery.orderSize)}
+
+ handleChangeSortFilter('orderUpdateTime')}>
+ {Lang.t('matter.updateDate')}
+ {renderSortIcon(urlQuery.orderUpdateTime)}
+
+
+ {isCreateDir && handleCreateDir(name)} />}
+ {data?.list.map((matter) => (
+ handleMatterToggleSelect(matter)}
+ onTogglePrivacy={() => handleMatterTogglePrivacy(matter)}
+ onDelete={() => handleMatterDelete(matter)}
+ onSaveName={(name) => handleMatterRename(matter, name)}
+ onClickRow={() => handleMatterClickRow(matter)}
+ />
+ ))}
+
+
+
+
+ )
+}
+
+export default MatterCreateItem
diff --git a/src/pages-hook/matter/components/MatterDeleteModal.tsx b/src/pages-hook/matter/components/MatterDeleteModal.tsx
new file mode 100644
index 0000000..4cb72f2
--- /dev/null
+++ b/src/pages-hook/matter/components/MatterDeleteModal.tsx
@@ -0,0 +1,38 @@
+import { Button, Modal, Space } from 'antd'
+import Lang from '@/common/model/global/Lang'
+import React from 'react'
+
+interface Props {
+ onClose: () => void
+ onHardDel: () => void
+ onSoftDel: () => void
+ allowSoftDel: boolean // 是否允许软删除，非空间下 & 开启回收站功能
+}
+
+const MatterDeleteModal = ({ onClose, onHardDel, onSoftDel, allowSoftDel }: Props) => {
+ return (
+
+
+
+
+ 
+
+
+ {
+ if (e.key.toLowerCase() === 'enter') {
+ e.currentTarget.blur()
+ }
+ }}
+ onBlur={(e) => onBlurInput(e.target.value.trim())}
+ />
+
+ {Lang.t('actionDeleteConfirm')}
+
+
+ {getOperations('pc')}
+
+
+
+
+ {canViewUpdateTime && (
+
+
+ )}
+ {canViewDeleteTime && (
+
+
+ )}
+
+ )
+
+ const renderMobileOperations = (
+ {StringUtil.humanFileSize(matter.size)}
+ {DateUtil.simpleDateHourMinute(matter.updateTime)}
+ {DateUtil.simpleDateHourMinute(matter.deleteTime)}
+
+
+ )
+
+ const getIcon = () => {
+ if (from === EMatterItemFrom.Shared && m.isImage())
+ return ImageUtil.handleImageUrl(m.getSharePreviewUrl(props.share.uuid, props.share.code, props.currentShareRootUuid), false, 100, 100)
+ return m.getIcon()
+ }
+
+ const dropdownMenu = (
+
+ )
+
+ return (
+
+
+ {canViewUpdateTime && DateUtil.simpleDateHourMinute(matter.updateTime)}
+ {canViewDeleteTime && DateUtil.simpleDateHourMinute(matter.deleteTime)}
+ {StringUtil.humanFileSize(matter.size)}
+
+
+ {getOperations('mobile')}
+
+ {expand ? renderMobileOperations : null}
+
+
+ {(from === EMatterItemFrom.Default || from === EMatterItemFrom.Space || from === EMatterItemFrom.Bin) && (
+
+
+
+ )}
+
+
+ })
+
+
+
+ {inputMode ? (
+ {
+ if (e.key.toLowerCase() === 'enter') {
+ e.currentTarget.blur()
+ }
+ }}
+ onClick={stopPropagation(() => {})}
+ onBlur={handleBlurInput}
+ />
+ ) : (
+
+
+ {/*大屏幕下的操作栏*/}
+
+ {matter.name}
+ {!matter.dir && !matter.privacy && (
+
+
+ )}
+
+ )}
+ {renderPcOperations}
+
+ {/*小屏幕下的操作栏*/}
+
+ setExpand(!expand))} />
+
+
- {
{
) : (
@@ -203,14 +163,14 @@ class RawFrame extends TankComponent {
- );
+ )
} else {
- content = {content}
;
+ return {content}
}
}
-const Frame = withRouter