beer-assembly-biz 1.1.1-alpha.9 → 1.1.2-alpha.10

package/MediaModals.js

@@ -0,0 +1,373 @@
+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/MyPageContainer.d.ts

@@ -0,0 +1,18 @@
+import React, { CSSProperties, FC } from 'react';
+import { TabPaneProps } from 'antd';
+export interface Tab extends Omit<TabPaneProps, 'tab'> {
+    key: string;
+    label: React.ReactNode;
+}
+export declare type MyPageContainerProps = {
+    title?: string | undefined;
+    padding?: string | number | undefined;
+    style?: CSSProperties | undefined;
+    children?: React.ReactNode | undefined;
+    tabList?: Tab[];
+    onTabChange?: (e: string) => void;
+    onRefresh?: () => void;
+    banner?: React.ReactNode;
+};
+export declare const Component: FC<MyPageContainerProps>;
+export default Component;

package/MyPageContainer.js

@@ -0,0 +1,72 @@
+import React, { useEffect, useState } from 'react';
+import { css } from '@emotion/css';
+import { PageContainer } from '@ant-design/pro-components';
+import { message, Modal, Tabs, theme } from 'antd';
+import { Outlet, useLocation } from 'react-router-dom';
+import ParentContext from './content/ParentContext';
+const pathPartition = (sessionStorage.getItem('DETAIL_PARTITION') || '') === ''
+    ? ['CREATE', 'EDIT', 'COPY', 'AUDIT', 'PREVIEW', 'DETAIL', 'READ', 'IN', 'INPUT', 'OUTPUT']
+    : JSON.parse(sessionStorage.getItem('DETAIL_PARTITION') || '[]');
+export const Component = (props) => {
+    const { token } = theme.useToken();
+    const location = useLocation();
+    const [messageApi, contextHolder] = message.useMessage();
+    const [modal, contextModalHolder] = Modal.useModal();
+    const [isSubpage, setIsSubpage] = useState(false);
+    useEffect(() => {
+        const partition = pathPartition.find(path => {
+            return location.pathname.toUpperCase()
+                .indexOf(`/${path}/`) > -1;
+        });
+        if (partition !== undefined) {
+            setIsSubpage(true);
+        }
+        else {
+            setIsSubpage(false);
+        }
+    }, [location]);
+    return React.createElement(React.Fragment, null,
+        React.createElement(ParentContext.Provider, { value: {
+                messageApi,
+                modal,
+                active: () => {
+                    props?.onRefresh?.();
+                }
+            } },
+            contextHolder,
+            contextModalHolder,
+            React.createElement(PageContainer, { style: { display: isSubpage ? 'none' : 'block' }, className: css `
+            .ant-page-header-heading {
+                padding-block-start: 0 !important;
+            }
+
+            .ant-page-header-heading-title {
+                font-size: ${token.fontSize + 2}px;
+                line-height: 1.5;
+                color: #333;
+            }
+        `, header: {
+                    style: {
+                        background: '#fff',
+                        padding: (props?.tabList?.length || 0) <= 0 ? '10px 24px 10px 24px' : '10px 24px 2px 24px',
+                        borderBottom: (props?.tabList?.length || 0) <= 0 ? '1px solid rgba(0, 0, 0, 0.06)' : undefined
+                    }
+                }, title: props.title, ghost: true, childrenContentStyle: {
+                    padding: '0'
+                } },
+                (props?.tabList?.length || 0) > 0 ? React.createElement(React.Fragment, null,
+                    React.createElement(Tabs, { size: "small", items: props?.tabList, className: css `
+                background: #fff;
+                border-bottom: 1px solid rgba(0, 0, 0, 0.06);
+
+                .ant-tabs-nav::before {
+                    display: none;
+                }
+            `, tabBarStyle: { margin: '0 24px' }, onChange: (e) => props?.onTabChange?.(e) })) : undefined,
+                props?.banner,
+                React.createElement("div", { className: css `
+            padding: ${props?.padding || '12px 16px'};
+        `, style: props?.style }, props.children)),
+            React.createElement(Outlet, null)));
+};
+export default Component;

package/Permission.d.ts

@@ -0,0 +1,8 @@
+import React, { FC } from 'react';
+export declare type PermissionProps = {
+    domain: string;
+    permission: string;
+    children?: React.ReactNode | undefined;
+};
+export declare const Component: FC<PermissionProps>;
+export default Component;

package/Permission.js

@@ -0,0 +1,7 @@
+import React, { useContext } from 'react';
+import PermissionContext from './content/PermissionContext';
+export const Component = (props) => {
+    const { isPermission } = useContext(PermissionContext);
+    return React.createElement(React.Fragment, null, isPermission(props.domain, props.permission) ? props?.children : undefined);
+};
+export default Component;

package/SubMenusContainer.d.ts

@@ -0,0 +1,28 @@
+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;
+    onOpenChange?: (keys: string[]) => void;
+};
+export declare const Component: FC<SubMenusProps>;
+export default Component;

package/SubMenusContainer.js

@@ -0,0 +1,72 @@
+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) => {
+                            props?.onOpenChange?.(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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,46 @@
+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;

package/UserModals.js

@@ -28,7 +28,7 @@ export class UserModals {
             }
         };
         return [handler, React.createElement(React.Fragment, null,
-                React.createElement(Modal, { title: "\u91CD\u7F6E\u5BC6\u7801", width: 380, open: isOpenModal, onOk: () => onConfirm(), onCancel: () => setIsOpenModal(false), styles: { body: { padding: '12px 0' } } },
+                React.createElement(Modal, { title: "\u91CD\u7F6E\u5BC6\u7801", width: 340, open: isOpenModal, onOk: () => onConfirm(), onCancel: () => setIsOpenModal(false), styles: { body: { padding: '6px 0' } } },
                     React.createElement(Form, { form: form, labelCol: { span: 5 } },
                         React.createElement(Form.Item, { name: "password", style: { margin: 0 }, rules: [{
                                     required: true,

package/auth/AuthPassword.d.ts

@@ -1,6 +1,10 @@
 import { Slider, SliderCodeToken } from 'beer-assembly/SliderCode';
 import React from 'react';
 export declare type AuthPasswordProps = {
+    /**
+     * 是否启用企业登录.
+     */
+    companyStatus?: boolean;
     /**
      * HTML 协议.
      */
@@ -22,6 +26,7 @@ export declare type AuthPasswordProps = {
     requestLogin?: (code: string | undefined, slider: Slider | undefined, params: {
         username: string;
         password: string;
+        companyName: string | undefined;
     }) => Promise<boolean>;
     /**
      * 发出错误消息