beer-assembly-biz 1.1.3-alpha.9 → 1.1.5-beta.1

package/net-disk/DirectorySelect.js

@@ -1,240 +0,0 @@
-"use strict";
-// import React, { FC, useEffect, useState } from 'react';
-// import { Modal, Space, Spin, theme, Typography } from 'antd';
-// import { css } from '@emotion/css';
-// import { RootPath } from './FileItemTable';
-// import FileNavigation from './FileNavigation';
-// import IconDirectory from './icon/directory.svg';
-// import IconConfirm from './icon/select_confirm.svg';
-// import IconCancel from './icon/close.svg';
-//
-// const { Text } = Typography;
-// export declare type Directory = {
-//   id: string
-//   name: string
-// }
-// export declare type DirectorySelectProps = {
-//   phrase?: string | undefined
-//   open?: boolean | undefined
-//   isCreate?: boolean | undefined
-//   request?: {
-//     getDirectoryList?: (parentId: string | undefined) => Promise<Directory[]> | undefined;
-//     create?: (parentId: string, name: string) => Promise<boolean> | undefined;
-//   } | undefined
-//   onCancel?: () => void | undefined
-//   onOk?: (value: string) => Promise<void> | undefined
-// };
-// const App: FC<DirectorySelectProps> = (props) => {
-//   const { token } = theme.useToken();
-//   const inputRef = React.createRef<HTMLInputElement>();
-//   const [loading, setLoading] = useState(false);
-//   const [isCreate, setIsCreate] = useState(false);
-//   const [directoryList, setDirectoryList] = useState([] as Directory[]);
-//   const [modal, setModal] = useState(false);
-//   const [rootPaths, setRootPaths] = useState([] as RootPath[]);
-//   const [directoryName, setDirectoryName] = useState('');
-//   const Directory = () => {
-//     return <div style={{
-//       width: 20,
-//       height: 20,
-//       marginRight: 6,
-//       display: 'flex',
-//       alignItems: 'center'
-//     }}>
-//       <img src={IconDirectory} style={{
-//         width: 18,
-//         display: 'block'
-//       }} alt=""/>
-//     </div>;
-//   };
-//   const requestDirectory = async () => {
-//     setLoading(true);
-//     const result = await props?.request?.getDirectoryList?.(rootPaths[rootPaths.length - 1]?.id);
-//     setLoading(false);
-//     if (result !== undefined) {
-//       setDirectoryList(result);
-//     }
-//   };
-//   const onSwitchPath = async (_id: string, index: number) => {
-//     setRootPaths(rootPaths.slice(0, index + 1));
-//   };
-//   const onOpen = async (fileId: string, name: string) => {
-//     setRootPaths([...rootPaths, {
-//       id: fileId,
-//       title: name
-//     }]);
-//   };
-//   const onConfirm = async () => {
-//     props?.onOk?.(rootPaths[rootPaths.length - 1]?.id);
-//   };
-//   const onCancelCreate = async () => {
-//     setIsCreate(false);
-//   };
-//   const onConfirmCreate = async () => {
-//     setLoading(true);
-//     const result = await props?.request?.create?.(rootPaths[rootPaths.length - 1]?.id || '', directoryName);
-//     setLoading(false);
-//     if (result !== undefined && result) {
-//       await requestDirectory();
-//       setIsCreate(false);
-//     }
-//   };
-//   useEffect(() => {
-//     inputRef?.current?.focus();
-//   }, [isCreate]);
-//   useEffect(() => {
-//     if (props?.open === true) {
-//       setRootPaths([{
-//         id: '',
-//         title: '根目录'
-//       }]);
-//     }
-//     setModal(props?.open || false);
-//   }, [props.open]);
-//   useEffect(() => {
-//     if (props?.open === true) {
-//       requestDirectory()
-//         .then();
-//     }
-//   }, [rootPaths]);
-//   return <>
-//     <Modal open={modal} width={380} title={<><span style={{ marginInlineStart: 10 }}>{props?.phrase || '移动'}到</span></>} onCancel={props?.onCancel} styles={{
-//       content: {
-//         padding: '15px 12px 15px 12px'
-//       },
-//       body: {
-//         padding: '0',
-//         borderBottom: '1px solid #eee',
-//         height: 356
-//       },
-//       footer: {
-//         textAlign: 'inherit'
-//       }
-//     }} onOk={onConfirm} okText={(props?.phrase || '移动') + '到此'} maskClosable={false} footer={(node) => {
-//       return <div style={{
-//         display: 'flex',
-//         alignItems: 'center',
-//         marginInlineStart: 10,
-//         userSelect: 'none'
-//       }}>
-//         <div style={{
-//           width: '100%',
-//           flex: 1
-//         }}>
-//           {props?.isCreate === false ? undefined : <a onClick={() => {
-//             setDirectoryName('');
-//             setIsCreate(true);
-//           }}>新建文件夹</a>}
-//         </div>
-//         <Space>
-//           {node}
-//         </Space>
-//       </div>;
-//     }}>
-//       <div>
-//         <FileNavigation style={{
-//           marginBottom: 4,
-//           marginLeft: 10,
-//           marginTop: 4
-//         }} paths={rootPaths} onSwitchPath={onSwitchPath}/>
-//         <Spin spinning={loading}>
-//           <div style={{
-//             maxHeight: 320,
-//             overflow: 'auto',
-//             marginBottom: 5
-//           }} className={css`
-//               .item:hover {
-//                   background: #efefef;
-//               }
-//           `}>
-//             {isCreate ? <>
-//               <div className="item" style={{
-//                 height: 34,
-//                 padding: '0 12px',
-//                 display: 'flex',
-//                 marginBottom: 2,
-//                 alignItems: 'center',
-//                 cursor: 'pointer',
-//                 position: 'relative',
-//                 userSelect: 'none',
-//                 borderRadius: token.borderRadius,
-//                 overflow: 'hidden'
-//               }}>
-//                 <Directory/>
-//                 <div style={{ marginRight: '10px' }}>
-//                   <input
-//                     ref={inputRef as never}
-//                     style={{
-//                       outline: 'none',
-//                       border: '1px solid #d3d3d3',
-//                       padding: '3px 5px',
-//                       borderRadius: 2
-//                     }}
-//                     className={css`
-//                         :focus {
-//                             outline: 2px solid ${token.colorPrimary} !important;
-//                             border-color: ${token.colorPrimary};
-//                         }
-//                     `}
-//                     type="text"
-//                     value={directoryName}
-//                     onChange={(e) => setDirectoryName(e.target.value)}/>
-//                 </div>
-//                 <div style={{
-//                   backgroundImage: `url(${IconConfirm})`,
-//                   backgroundSize: '22px 22px',
-//                   backgroundPosition: 'center',
-//                   backgroundRepeat: 'no-repeat',
-//                   width: 22,
-//                   height: 22,
-//                   marginRight: 8,
-//                   borderRadius: 10,
-//                   overflow: 'hidden'
-//                 }} className={css`
-//                     &:hover {
-//                         background: #ddd;
-//                     }
-//                 `} onClick={onConfirmCreate}/>
-//                 <div style={{
-//                   backgroundImage: `url(${IconCancel})`,
-//                   backgroundSize: '16px 16px',
-//                   backgroundPosition: 'center',
-//                   backgroundRepeat: 'no-repeat',
-//                   width: 22,
-//                   height: 22,
-//                   borderRadius: 10,
-//                   overflow: 'hidden'
-//                 }} className={css`
-//                     &:hover {
-//                         background: #ddd;
-//                     }
-//                 `} onClick={onCancelCreate}/>
-//               </div>
-//             </> : undefined}
-//             {directoryList.map(it => (
-//               <div key={it.id} className="item" style={{
-//                 height: 30,
-//                 padding: '0 12px',
-//                 display: 'flex',
-//                 marginBottom: 2,
-//                 alignItems: 'center',
-//                 cursor: 'pointer',
-//                 position: 'relative',
-//                 userSelect: 'none',
-//                 borderRadius: token.borderRadius,
-//                 overflow: 'hidden'
-//               }} onDoubleClick={() => onOpen(it.id, it.name)}>
-//                 <Directory/>
-//                 <Text style={{
-//                   width: '100%',
-//                   fontSize: token.fontSize
-//                 }} ellipsis={true}>{it.name}</Text>
-//               </div>
-//             ))}
-//           </div>
-//         </Spin>
-//       </div>
-//     </Modal>
-//   </>;
-// };
-// export default App;

package/net-disk/FileItemList.js

@@ -1,126 +0,0 @@
-"use strict";
-// import React, { FC } from 'react';
-// import { css } from '@emotion/css';
-// import { App, ConfigProvider, Table, theme, Typography } from 'antd';
-// import zhCN from 'antd/lib/locale/zh_CN';
-// import MIME from './mime';
-//
-// export declare type FileItem = {
-//   id: string
-//   icon?: string | undefined
-//   name: string
-//   size: string
-//   type: 'FILE' | 'DIRECTORY',
-//   typeName?: string | undefined
-//   createTime?: string | undefined
-//   updateTime?: string | undefined
-// }
-// export declare type FileItemProps = {
-//   style?: React.CSSProperties
-//   data?: FileItem[] | undefined
-// };
-//
-// const { Text } = Typography;
-// const Component: FC<FileItemProps> = (props) => {
-//   const { token } = theme.useToken();
-//   const columns = [
-//     {
-//       title: '文件名称',
-//       dataIndex: 'name',
-//       key: 'name',
-//       ellipsis: true,
-//       render: (_: any, record: any) => (
-//         <div style={{
-//           width: '100%',
-//           display: 'flex',
-//           alignItems: 'center',
-//           overflow: 'hidden'
-//         }}>
-//           <div style={{
-//             minWidth: 18,
-//             minHeight: 18,
-//             marginRight: 8,
-//             overflow: 'hidden',
-//             backgroundImage: `url(${record.icon})`,
-//             backgroundSize: record.type === 'FILE' ? '22px 22px' : '100% 100%',
-//             backgroundPosition: 'center',
-//             backgroundRepeat: 'no-repeat'
-//           }}/>
-//           <Text style={{
-//             fontSize: token.fontSize
-//           }} ellipsis={{ tooltip: <span style={{ fontSize: token.fontSize }}>{record.name}</span> }}>
-//             {record.name}
-//           </Text>
-//         </div>
-//       )
-//     },
-//     {
-//       title: '文件类型',
-//       dataIndex: 'type',
-//       width: 90,
-//       key: 'type',
-//       render: (_: any, record: any) => (
-//         <>
-//           {record.typeName}
-//         </>
-//       )
-//     },
-//     {
-//       title: '大小',
-//       width: 80,
-//       dataIndex: 'size',
-//       key: 'size'
-//     },
-//     {
-//       title: '修改时间',
-//       dataIndex: 'updateTime',
-//       width: 135,
-//       key: 'updateTime'
-//     }
-//   ];
-//   return <>
-//     <App>
-//       <ConfigProvider theme={{
-//         token: {
-//           fontSize: token.fontSize
-//         },
-//         components: {
-//           Table: {
-//             motion: false,
-//             headerColor: '#333',
-//             rowHoverBg: '#f5f6f7',
-//             rowSelectedBg: '#f4f5f6',
-//             rowSelectedHoverBg: '#e6e7e8'
-//           }
-//         }
-//       }} locale={zhCN}>
-//         <Table style={props.style} className={css`
-//             user-select: none;
-//
-//             .ant-table-thead {
-//                 & .ant-table-cell {
-//                     font-size: 12px;
-//                     padding: 5px 8px !important;
-//                 }
-//             }
-//
-//             .ant-table-tbody {
-//                 & .ant-table-cell {
-//                     font-size: 13px;
-//                     padding: 5px 8px !important;
-//                 }
-//             }
-//         `} columns={columns} dataSource={props?.data?.map(it => {
-//           const [typeName, icon] = (MIME.parse(it.name) || []);
-//           return {
-//             ...it,
-//             typeName,
-//             icon,
-//             size: MIME.formatBytes(Number(it.size))
-//           };
-//         })} size="small" pagination={false}/>
-//       </ConfigProvider>
-//     </App>
-//   </>;
-// };
-// export default Component;