beer-assembly-biz 1.1.2-alpha.9 → 1.1.3-alpha.2

package/MediaModals.js

@@ -1,373 +0,0 @@
-import React, { useEffect, useRef, useState } from 'react';
-import { css } from '@emotion/css';
-import { Breadcrumb, Button, Dropdown, Input, message, Modal, Popconfirm, Space, Spin, theme, Typography } from 'antd';
-import ElementUtils from 'beer-network/elementUtils';
-import Flux from 'beer-assembly/Flux';
-import { CloudDownloadOutlined, CopyOutlined, DeleteOutlined, ExclamationCircleFilled, HighlightOutlined, RightCircleOutlined, ScissorOutlined } from '@ant-design/icons';
-import DirectorySelect from 'beer-assembly/DirectorySelect';
-import InlineContainer from './InlineContainer';
-import IconDirectory from './icon/directory.svg';
-import IconMedia from './icon/media.png';
-export class MediaModals {
-    static useMedia(request) {
-        const [messageApi, contextHolder] = message.useMessage();
-        const { token } = theme.useToken();
-        const [isOpenModal, setIsOpenModal] = useState(false);
-        const [isOpenMoveModal, setIsOpenMoveModal] = useState(false);
-        const [isOpenRenameModal, setIsOpenRenameModal] = useState(false);
-        const [isOpenConfirmModal, setIsOpenConfirmModal] = useState(false);
-        const [isLoading, setIsLoading] = useState(false);
-        const [path, setPath] = useState([]);
-        const [dataList, setDataList] = useState([]);
-        const [selectId, setSelectId] = useState('');
-        const [selectName, setSelectName] = useState('');
-        const callbackRef = useRef(undefined);
-        const refreshData = (force) => {
-            const item = path[path.length - 1];
-            const chunkArray = (array, size) => {
-                const result = [];
-                for (let i = 0; i < array.length; i += size) {
-                    result.push(array.slice(i, i + size));
-                }
-                return result;
-            };
-            setIsLoading(true);
-            if (force === true) {
-                setDataList([]);
-            }
-            request?.requestList?.(item.id)
-                .then(result => {
-                setIsLoading(false);
-                setDataList(chunkArray(result || [], 5));
-            })
-                .catch(() => {
-                setIsLoading(false);
-            });
-        };
-        const onActiveItem = (id) => {
-            setDataList(dataList?.map(item => {
-                return item.map(it => {
-                    return {
-                        ...it,
-                        active: it.id === id
-                    };
-                });
-            }));
-        };
-        const onDownload = async (name, url) => {
-            if ((url || '').trim() === '') {
-                return;
-            }
-            ElementUtils.download(url || '', name);
-        };
-        const onPutFile = async () => {
-            const files = await ElementUtils.selectFile();
-            if (files === null) {
-                return;
-            }
-            for (let i = 0; i < files.length; i += 1) {
-                const file = files[i];
-                if (file.size > (1048576 * 15)) {
-                    messageApi.error(`文件 ${file.name} 太大，不能超过 15MB`);
-                    return;
-                }
-                if (!['image/jpeg', 'image/png', 'image/gif', 'image/webp'].includes(file.type)) {
-                    messageApi.error(`文件 ${file.name} 不是有效的图片格式`);
-                    return;
-                }
-            }
-            const parentId = path[path.length - 1]?.id;
-            setIsLoading(true);
-            const result = await request?.putFile(parentId, files);
-            setIsLoading(false);
-            if (result === true) {
-                refreshData();
-            }
-        };
-        const onCreateDirectory = async (name) => {
-            const parentId = path[path.length - 1]?.id;
-            setIsLoading(true);
-            const result = await request?.createDirectory(parentId, name);
-            setIsLoading(false);
-            if (result === true) {
-                refreshData();
-            }
-            setSelectName('');
-            return true;
-        };
-        const onOpenDirectory = async (id, name) => {
-            if (isLoading) {
-                return;
-            }
-            const paths = [...getPaths(), {
-                    id,
-                    name
-                }];
-            setPaths(paths);
-        };
-        const onBackDirectory = async (id) => {
-            if (isLoading) {
-                return;
-            }
-            const paths = getPaths();
-            const index = paths.findIndex(it => it.id === id);
-            if (index < 0) {
-                return;
-            }
-            paths.splice(index + 1);
-            setPaths(paths);
-        };
-        const onSelectItem = async (id, name, url) => {
-            const current = callbackRef?.current;
-            if (current === undefined) {
-                return;
-            }
-            current?.([url || '']);
-            setIsOpenModal(false);
-        };
-        const onRename = async (id, name) => {
-            setIsOpenRenameModal(true);
-            setSelectId(id);
-            setSelectName(name);
-        };
-        const onConfirmRename = async () => {
-            if (await request?.rename(selectId, selectName)) {
-                refreshData();
-                setSelectName('');
-                setIsOpenRenameModal(false);
-            }
-        };
-        const onCopy = async (id) => {
-            const result = await request?.copy(id);
-            if (result === true) {
-                refreshData();
-            }
-            return result;
-        };
-        const onMove = async (id) => {
-            setIsOpenMoveModal(true);
-            setSelectId(id);
-        };
-        const onConfirmMove = async (targetId) => {
-            const result = await request?.move(selectId, targetId);
-            if (result === true) {
-                setIsOpenMoveModal(false);
-                refreshData();
-            }
-        };
-        const onRemove = async (id) => {
-            setIsOpenConfirmModal(true);
-            setSelectId(id);
-        };
-        const onConfirmRemove = async () => {
-            const result = await request?.remove(selectId);
-            if (result === true) {
-                setIsOpenConfirmModal(false);
-                refreshData();
-            }
-            return result;
-        };
-        const setPaths = (items) => {
-            setPath(items);
-            sessionStorage.setItem('MEDIA_MODALS_PATHS', JSON.stringify(items));
-        };
-        const getPaths = () => {
-            const paths = JSON.parse(sessionStorage.getItem('MEDIA_MODALS_PATHS') || '[]');
-            if (paths.length <= 0) {
-                paths.push({
-                    id: '0',
-                    name: '根目录'
-                });
-            }
-            return paths;
-        };
-        const Item = (props) => {
-            const directoryMenusItem = props.type === 'DIRECTORY' ? [
-                {
-                    label: React.createElement(Space, { style: { width: 100 }, size: 5, onClick: () => onOpenDirectory(props.id, props.name) },
-                        React.createElement(RightCircleOutlined, null),
-                        "\u6253\u5F00\u76EE\u5F55"),
-                    key: '0'
-                },
-                {
-                    type: 'divider'
-                }
-            ] : [
-                {
-                    label: React.createElement(Space, { style: { width: 100 }, size: 5, onClick: () => onDownload(props.name, props.src) },
-                        React.createElement(CloudDownloadOutlined, null),
-                        "\u4E0B\u8F7D\u6587\u4EF6"),
-                    key: '0'
-                },
-                {
-                    type: 'divider'
-                }
-            ];
-            const menusItems = [
-                ...directoryMenusItem,
-                {
-                    label: React.createElement(Space, { style: { width: 100 }, size: 5, onClick: () => onRename(props.id, props.name) },
-                        React.createElement(HighlightOutlined, null),
-                        "\u91CD\u547D\u540D"),
-                    key: '1'
-                },
-                {
-                    label: React.createElement(Space, { style: { width: 100 }, size: 5, onClick: () => onCopy(props.id) },
-                        React.createElement(CopyOutlined, null),
-                        props?.type === 'DIRECTORY' ? '复制目录' : '复制文件'),
-                    key: '2'
-                },
-                {
-                    label: React.createElement(Space, { style: { width: 100 }, size: 5, onClick: () => onMove(props.id) },
-                        React.createElement(ScissorOutlined, null),
-                        props?.type === 'DIRECTORY' ? '移动目录' : '移动文件'),
-                    key: '3'
-                },
-                {
-                    type: 'divider'
-                },
-                {
-                    label: React.createElement(Space, { style: { width: 100 }, size: 5, onClick: () => onRemove(props.id) },
-                        React.createElement(DeleteOutlined, null),
-                        props?.type === 'DIRECTORY' ? '删除目录' : '删除文件'),
-                    key: '4',
-                    danger: true
-                }
-            ];
-            return React.createElement(Dropdown, { menu: {
-                    items: menusItems
-                }, trigger: ['contextMenu'] },
-                React.createElement("div", { style: {
-                        padding: '8px 12px',
-                        backgroundColor: props?.active ? '#e6f1ff' : undefined,
-                        display: 'block',
-                        cursor: 'pointer',
-                        userSelect: 'none',
-                        position: 'relative',
-                        ...props.style
-                    }, className: css `
-              border: ${props?.active ? '1px solid #cddef5' : '1px solid #fff'};
-
-              &:hover {
-                  background-color: #eef1f5;
-                  border: 1px solid ${props.active ? '#cddef5' : '#e6e6e6'};
-              }
-          `, onClick: () => {
-                        setTimeout(() => onActiveItem(props.id), 10);
-                    }, onDoubleClick: () => {
-                        if (props.type === 'DIRECTORY') {
-                            onOpenDirectory(props.id, props.name)
-                                .then();
-                            return;
-                        }
-                        onSelectItem(props.id, props.name, props.src)
-                            .then();
-                    } },
-                    React.createElement("img", { src: props?.type === 'DIRECTORY' ? IconDirectory : props?.src, alt: "", style: {
-                            width: 56,
-                            height: 56,
-                            margin: 'auto',
-                            display: 'block',
-                            overflow: 'hidden',
-                            objectFit: props?.type === 'DIRECTORY' ? undefined : 'cover'
-                        } }),
-                    React.createElement(Typography.Text, { style: {
-                            width: 70,
-                            fontSize: 11,
-                            display: 'block',
-                            textAlign: 'center',
-                            color: '#323232',
-                            marginTop: props?.type === 'DIRECTORY' ? undefined : 1
-                        }, ellipsis: true }, props?.name)));
-        };
-        const handler = {
-            ok: (callback) => {
-                setPath(getPaths());
-                setIsOpenModal(true);
-                if (callbackRef !== undefined) {
-                    callbackRef.current = callback;
-                }
-            }
-        };
-        useEffect(() => {
-            if ((path || []).length <= 0) {
-                return;
-            }
-            refreshData(true);
-        }, [path]);
-        return [handler, React.createElement(React.Fragment, null,
-                React.createElement(InlineContainer, null,
-                    React.createElement(Modal, { width: 565, footer: null, styles: {
-                            content: { padding: 0 }
-                        }, open: isOpenModal, maskClosable: false, onCancel: () => {
-                            if (isLoading) {
-                                return;
-                            }
-                            setIsOpenModal(false);
-                        }, title: React.createElement("div", { style: {
-                                padding: '16px 0 0 0'
-                            } },
-                            React.createElement("img", { style: {
-                                    marginInlineStart: 20,
-                                    display: 'block',
-                                    height: '17px',
-                                    padding: '2px 0 0 0'
-                                }, alt: "", src: IconMedia })) },
-                        React.createElement(Flux, { style: {
-                                marginBottom: 6,
-                                padding: '0 20px 10px 20px',
-                                borderBottom: '1px solid #f3f3f3',
-                                justifyContent: 'space-between'
-                            } },
-                            React.createElement(Breadcrumb, { items: path?.map((it, index) => {
-                                    return {
-                                        title: (index + 1 === path.length
-                                            ? React.createElement(Typography.Text, { style: {
-                                                    maxWidth: 70,
-                                                    fontSize: 12
-                                                }, ellipsis: true }, it.name)
-                                            : React.createElement("a", { onClick: () => onBackDirectory(it.id) },
-                                                React.createElement(Typography.Text, { style: {
-                                                        maxWidth: 70,
-                                                        fontSize: 12,
-                                                        color: 'rgba(0, 0, 0, 0.45)'
-                                                    }, ellipsis: true }, it.name)))
-                                    };
-                                }) }),
-                            React.createElement(Space, null,
-                                React.createElement(Button, { type: "primary", onClick: () => onPutFile(), size: "small", style: {
-                                        height: 24,
-                                        fontSize: token.fontSize - 1
-                                    }, loading: isLoading }, "\u4E0A\u4F20\u6587\u4EF6"),
-                                React.createElement(Popconfirm, { title: "\u8BF7\u8F93\u5165\u76EE\u5F55\u540D\u79F0", description: React.createElement(Input, { value: selectName, onChange: (e) => setSelectName(e.currentTarget.value) }), onCancel: () => setSelectName(''), onConfirm: () => onCreateDirectory(selectName), okText: "\u786E\u5B9A", cancelText: "\u53D6\u6D88" },
-                                    React.createElement(Button, { size: "small", style: {
-                                            height: 24,
-                                            fontSize: 12
-                                        }, loading: isLoading }, "\u65B0\u5EFA\u76EE\u5F55")))),
-                        React.createElement(Spin, { spinning: isLoading },
-                            React.createElement("div", { style: {
-                                    padding: '6px 0 24px 0',
-                                    height: 333,
-                                    maxHeight: 333,
-                                    overflowY: 'auto',
-                                    overflowX: 'hidden'
-                                } }, dataList?.map((group, index) => (React.createElement("div", { key: index, style: {
-                                    padding: '0 20px 10px 20px',
-                                    display: 'flex'
-                                } }, group?.map((item) => (React.createElement(Item, { id: item.id, key: item.id, active: item.active, style: { marginRight: 10 }, type: item.type, src: item.url, name: item.name })))))))))),
-                React.createElement(Modal, { title: "\u91CD\u547D\u540D", width: 340, open: isOpenRenameModal, onOk: () => onConfirmRename(), onCancel: () => setIsOpenRenameModal(false), okText: "\u786E\u5B9A", cancelText: "\u53D6\u6D88" },
-                    React.createElement(Input, { value: selectName, onChange: (e) => setSelectName(e.currentTarget.value) })),
-                React.createElement(Modal, { title: React.createElement(React.Fragment, null,
-                        React.createElement(ExclamationCircleFilled, { style: {
-                                marginRight: 6,
-                                fontSize: 16,
-                                color: '#faad14'
-                            } }),
-                        "\u662F\u5426\u786E\u8BA4\u5220\u9664?"), width: 400, open: isOpenConfirmModal, onOk: () => onConfirmRemove(), onCancel: () => setIsOpenConfirmModal(false), okText: "\u786E\u5B9A", cancelText: "\u53D6\u6D88" }, "\u5220\u9664\u64CD\u4F5C\u4E0D\u80FD\u56DE\u590D\uFF0C\u786E\u5B9A\u8981\u5220\u9664\u9009\u4E2D\u7684\u6587\u4EF6\u6216\u6587\u4EF6\u5939\u5417\uFF1F"),
-                React.createElement(DirectorySelect, { open: isOpenMoveModal, onCancel: () => {
-                        refreshData();
-                        setIsOpenMoveModal(false);
-                    }, request: request?.directory, onOk: (value) => onConfirmMove(value) }),
-                contextHolder)];
-    }
-}

package/NetDiskModals.d.ts

@@ -1,15 +0,0 @@
-import { ReactNode } from 'react';
-import { FileItemTableProps } from 'beer-assembly/FileItemTable';
-import { DirectorySelectProps } from 'beer-assembly/DirectorySelect';
-export type Handler<T> = {
-    ok: (callback: (params: T) => Promise<boolean>, args?: {}, initialValues?: {}) => void;
-};
-type FileItemTableRequest = NonNullable<FileItemTableProps['request']>;
-type DirectoryRequest = NonNullable<DirectorySelectProps['request']>;
-export type NetDiskRequest = FileItemTableRequest & {
-    directory: DirectoryRequest;
-};
-export declare class NetDiskModals {
-    static useNetDisk(netDiskRequest: NetDiskRequest, fileFormat?: string[], errorMessage?: ReactNode): [Handler<boolean>, ReactNode];
-}
-export {};

package/NetDiskModals.js

@@ -1,28 +0,0 @@
-import React, { useState } from 'react';
-import NetDisk from 'beer-assembly/NetDisk';
-export class NetDiskModals {
-    static useNetDisk(netDiskRequest, fileFormat, errorMessage) {
-        const [isOpenModal, setIsOpenModal] = useState(false);
-        const handler = {
-            ok: (_callback) => {
-                setIsOpenModal(true);
-            }
-        };
-        return [handler, React.createElement(React.Fragment, null,
-                React.createElement(NetDisk, { open: isOpenModal, onCancel: () => setIsOpenModal(false), tableProps: {
-                        request: {
-                            ...netDiskRequest
-                        },
-                        directoryProps: {
-                            request: {
-                                ...netDiskRequest.directory
-                            }
-                        },
-                        uploadFormat: fileFormat || ['xls', 'xlsx', 'doc', 'docx', 'pdf'],
-                        uploadSize: 20,
-                        uploadFormatMessage: errorMessage || React.createElement(React.Fragment, null,
-                            "\u62B1\u6B49\uFF0C\u6587\u4EF6\u683C\u5F0F\u4E0D\u53D7\u652F\u6301\uFF0C\u8BF7\u4E0A\u4F20",
-                            React.createElement("span", { style: { fontWeight: 500 } }, "\u6587\u6863\u6587\u4EF6"))
-                    } }))];
-    }
-}

package/SubMenusContainer.d.ts

@@ -1,27 +0,0 @@
-import React, { CSSProperties, FC } from 'react';
-import type { ComponentToken as MenuComponentToken } from 'antd/es/menu/style';
-export declare type MenusItem = {
-    key?: string;
-    value?: string;
-    label: string | React.ReactNode;
-    children: MenusItem[];
-};
-export declare type SubMenusProps = {
-    items: MenusItem[];
-    token?: MenuComponentToken | undefined;
-    gap?: number | undefined;
-    height?: number | string | undefined;
-    width?: number | undefined;
-    padding?: number | string | undefined;
-    styles?: {
-        menus?: CSSProperties | undefined;
-        body?: CSSProperties | undefined;
-    };
-    header?: React.ReactNode | undefined;
-    children?: React.ReactNode | undefined;
-    value?: string | undefined;
-    openKeys?: string[] | undefined;
-    onChange?: (key: string) => void;
-};
-export declare const Component: FC<SubMenusProps>;
-export default Component;

package/SubMenusContainer.js

@@ -1,72 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import { ConfigProvider, Menu } from 'antd';
-export const Component = (props) => {
-    const [selectKeys, setSelectKeys] = useState([]);
-    const [openKeys, setOpenKeys] = useState([]);
-    useEffect(() => {
-        if (props?.value === undefined) {
-            return;
-        }
-        setSelectKeys([props.value]);
-    }, [props?.value]);
-    useEffect(() => {
-        if (props?.openKeys === undefined) {
-            return;
-        }
-        setOpenKeys(props.openKeys);
-    }, [props?.openKeys]);
-    return React.createElement(React.Fragment, null,
-        React.createElement(ConfigProvider, { theme: {
-                components: {
-                    Menu: props?.token || {
-                        itemHeight: 36,
-                        itemBorderRadius: 0,
-                        iconMarginInlineEnd: 0,
-                        itemMarginBlock: 0,
-                        itemMarginInline: 0,
-                        itemPaddingInline: 0,
-                        subMenuItemBg: 'transparent',
-                        itemHoverBg: 'rgba(22,100,255,.04)',
-                        itemHoverColor: '#000',
-                        itemActiveBg: 'rgba(22,100,255,.08)',
-                        itemSelectedBg: 'rgba(22,100,255,.08)'
-                    }
-                }
-            } },
-            React.createElement("div", { style: {
-                    display: 'flex',
-                    gap: `${props?.gap || 12}px`,
-                    alignItems: 'flex-start',
-                    width: '100%'
-                } },
-                React.createElement("div", { style: {
-                        width: props?.width || 200,
-                        backgroundColor: '#fff',
-                        height: props?.height || '100vh',
-                        userSelect: 'none',
-                        overflow: 'hidden',
-                        ...(props?.styles?.menus || {})
-                    } },
-                    props?.header !== undefined ? React.createElement("div", { style: {
-                            padding: '12px 0',
-                            fontWeight: 500,
-                            borderInlineEnd: '1px solid rgba(5,5,5,.06)',
-                            borderBlockEnd: '1px solid rgba(5,5,5,.06)'
-                        } }, props?.header) : undefined,
-                    React.createElement(Menu, { style: {
-                            height: '100%'
-                        }, onClick: (e) => {
-                            props?.onChange?.(e.key);
-                        }, onOpenChange: (e) => {
-                            setOpenKeys(e);
-                        }, subMenuCloseDelay: 0, selectedKeys: selectKeys, openKeys: openKeys, mode: "inline", inlineIndent: 16, items: props?.items })),
-                React.createElement("div", { style: {
-                        width: `calc(100% - ${(props?.width || 200) + (props?.gap || 12) + (props?.gap || 12)}px)`,
-                        marginRight: (props?.gap || 12),
-                        height: '100%',
-                        padding: props?.padding || '12px 0',
-                        ...(props?.styles?.body || {}),
-                        overflow: 'auto'
-                    } }, props?.children))));
-};
-export default Component;

package/Upgrade.d.ts

@@ -1,7 +0,0 @@
-import { FC } from 'react';
-export declare type UpgradeComponentProps = {
-    localVersion: string;
-    request?: () => Promise<string> | undefined;
-};
-declare const App: FC<UpgradeComponentProps>;
-export default App;

package/Upgrade.js

@@ -1,46 +0,0 @@
-import React, { useEffect } from 'react';
-import { Modal } from 'antd';
-const TIME_KEY = 'VERSION_TIME';
-const App = (props) => {
-    useEffect(() => {
-        // 每5分钟执行一次
-        setTimeout(async () => {
-            // 读取缓存的上次弹出更新时间
-            const lastTime = Number(localStorage.getItem(TIME_KEY) || 0);
-            if (Number.isNaN(lastTime)) {
-                localStorage.removeItem(TIME_KEY);
-                return;
-            }
-            // 30分钟执行一次
-            if (new Date().getTime() <= lastTime + 1800000) {
-                return;
-            }
-            // 更新刷新时间
-            localStorage.setItem(TIME_KEY, new Date().getTime()
-                .toString());
-            const newVersion = await props.request?.();
-            if (newVersion === undefined || newVersion === '') {
-                return;
-            }
-            if (newVersion === props.localVersion) {
-                return;
-            }
-            // 弹出提示框
-            Modal.confirm({
-                title: '版本更新提示',
-                content: React.createElement(React.Fragment, null,
-                    React.createElement("p", { style: {
-                            fontSize: '15px',
-                            lineHeight: '26px'
-                        } }, "\u60A8\u5DF2\u7ECF\u957F\u65F6\u95F4\u672A\u4F7F\u7528\u6B64\u9875\u9762\uFF0C\u5728\u6B64\u671F\u95F4\u5E73\u53F0\u6709\u8FC7\u66F4\u65B0\uFF0C\u5982\u60A8\u6B64\u65F6\u5728\u9875\u9762\u4E2D\u6CA1\u6709\u586B\u5199\u76F8\u5173\u4FE1\u606F\u7B49\u64CD\u4F5C\uFF0C\u8BF7\u70B9\u51FB\u5237\u65B0\u9875\u9762\u4F7F\u7528\u6700\u65B0\u7248\u672C\uFF01")),
-                okText: '确定',
-                cancelText: '取消',
-                onOk: () => {
-                    window.location.reload();
-                }
-            });
-        }, 5000);
-    }, []);
-    return React.createElement(React.Fragment, null);
-};
-export default App;