beer-assembly-biz 1.1.1-alpha.1

package/AppLayout.d.ts

@@ -0,0 +1,122 @@
+import React, { ReactNode } from 'react';
+import { MenuDataItem } from '@ant-design/pro-components';
+/**
+ * 应用属性
+ */
+declare type App = {
+    /**
+     * Key
+     */
+    key: string;
+    /**
+     * App代码
+     */
+    appCode: string;
+    /**
+     * App名称
+     */
+    name: string;
+    /**
+     * App图标
+     */
+    icon: string;
+    /**
+     * App描述
+     */
+    description: string;
+    /**
+     * 路径
+     */
+    path: string;
+    /**
+     * App 默认路径
+     */
+    defaultPath: string;
+};
+/**
+ * 用户信息实体.
+ */
+declare type UserInfo = {
+    /**
+     * 用户ID.
+     */
+    id: string | undefined;
+    /**
+     * 企业名称.
+     */
+    companyName: string | undefined;
+    /**
+     * 昵称.
+     */
+    nickName: string | undefined;
+    /**
+     * 头像.
+     */
+    avatar: string | undefined;
+};
+/**
+ * 布局属性
+ */
+declare type LayoutProps = {
+    /**
+     * App
+     */
+    app: App;
+    /**
+     * App列表 (切换应用)
+     */
+    apps: App[];
+    /**
+     * 布局内容
+     */
+    children: ReactNode;
+    /**
+     * 路径
+     */
+    path: string;
+    /**
+     * 子路径路径分割符号, 用去区分是否子路径判断子路径的菜单归属
+     */
+    pathPartition: string[];
+    /**
+     * 左侧: Logo样式
+     */
+    logo?: {
+        /**
+         * 高度
+         */
+        height: number;
+        /**
+         * Logo 路径
+         */
+        path: string;
+    };
+    /**
+     * 右侧: 用户下拉选菜单
+     */
+    userMenus?: {
+        key: string;
+        type?: string;
+        label: string;
+    }[];
+    /**
+     * 头部: 从右到左菜单
+     */
+    headerMenus?: ReactNode[];
+    /**
+     * 切换菜单触发事件
+     * @param path 路径.
+     */
+    toLink?: (path: string) => void;
+    /**
+     * 请求获取用户信息
+     */
+    requestUser?: () => Promise<UserInfo>;
+    /**
+     * 请求获取菜单信息
+     * @param appCode 应用代码
+     */
+    requestMenus?: (appCode: string) => Promise<MenuDataItem[]>;
+};
+declare const Component: (props: LayoutProps) => React.JSX.Element;
+export default Component;

package/AppLayout.js

@@ -0,0 +1,324 @@
+import React, { useEffect, useState } from 'react';
+import { css } from '@emotion/css';
+import { ProConfigProvider, ProLayout } from '@ant-design/pro-components';
+import { Dropdown, message, Typography } from 'antd';
+import { Session } from 'beer-network/session';
+import dayjs from 'dayjs';
+import ImageLayout01 from './images/layout_01.png';
+import ImageLayout02 from './images/layout_02.png';
+import ImageLayout03 from './images/layout_03.png';
+dayjs.locale('zh-cn');
+const Component = (props) => {
+    const [messageApi, contextHolder] = message.useMessage();
+    // App
+    const [app, setApp] = useState({});
+    // 用户
+    const [userInfo, setUserInfo] = useState();
+    // 菜单是否折叠
+    const [collapsed, setCollapsed] = useState(false);
+    // 菜单的选择
+    const [pathKeys, setPathKeys] = useState([]);
+    // 获取参数参数
+    const [appParams, setAppParams] = useState();
+    // 菜单列表
+    const [menus, setMenus] = useState();
+    // 跳转页面
+    const toLink = (value) => {
+        if (props?.toLink === undefined) {
+            window.history.pushState({}, '', value);
+            return;
+        }
+        props?.toLink?.(value);
+    };
+    // 获取全部菜单
+    const requestMenuItems = async () => {
+        if (app === undefined || app.name === undefined) {
+            return [];
+        }
+        const result = await props?.requestMenus?.(app?.appCode);
+        if (result === undefined) {
+            return [];
+        }
+        setMenus(result);
+        return result;
+    };
+    // 基于路径刷新页面菜单
+    const refreshPath = async () => {
+        if (menus === undefined || menus.length <= 0) {
+            return;
+        }
+        const items = menus.map(it => [{
+                path: it.path,
+                key: it.key
+            }, ...(it.children?.map(c => {
+                return {
+                    path: c.path,
+                    key: c.key
+                };
+            }) || [])])
+            .flat()
+            .filter(it => it !== undefined);
+        let result = items.find(it => it.path === window.location.pathname);
+        if (result !== undefined) {
+            setPathKeys(result.key === undefined ? [] : [result.key]);
+            return;
+        }
+        // 如果匹配到分割符号
+        const locationPath = window.location.pathname.toUpperCase();
+        const partition = (props?.pathPartition || []).find(path => locationPath.indexOf(`/${path}/`) > -1);
+        if (partition !== undefined) {
+            const partitionPath = locationPath.split(`/${partition}/`)[0].toLowerCase();
+            result = items.find(it => it.path === partitionPath);
+            if (result !== undefined) {
+                setPathKeys(result.key === undefined ? [] : [result.key]);
+                return;
+            }
+        }
+        result = items.find(it => it !== undefined && it.path !== undefined && window.location.pathname.startsWith(it.path));
+        if (result !== undefined) {
+            setPathKeys(result.key === undefined ? [] : [result.key]);
+        }
+    };
+    // 退出登录
+    const onLogout = async () => {
+        messageApi.success('退出登录成功！')
+            .then();
+        setTimeout(() => {
+            Session.logout('/auth/login');
+        }, 800);
+    };
+    // 更新属性触发: 应用
+    useEffect(() => {
+        setApp(props.app);
+        setAppParams({ app: props.app?.appCode });
+    }, [props.app]);
+    // 更新属性触发: 菜单和路径
+    useEffect(() => {
+        refreshPath()
+            .then();
+    }, [menus, props.path]);
+    // 更新属性触发: 请求用户信息
+    useEffect(() => {
+        props?.requestUser?.()
+            ?.then(userInfo => {
+            // 更新缓存到Session
+            if (userInfo === undefined || userInfo?.id === undefined) {
+                return;
+            }
+            setUserInfo(userInfo);
+            sessionStorage.setItem('SESSION', JSON.stringify(userInfo));
+        });
+    }, [props?.requestUser]);
+    return React.createElement(ProConfigProvider, { hashed: false },
+        contextHolder,
+        React.createElement(ProLayout, { className: css `
+          .ant-pro-sider-logo {
+              .ant-pro-layout-apps-icon {
+                  display: ${collapsed ? 'flex' : 'none'};
+              }
+          }
+
+          .ant-pro-global-header {
+              .ant-pro-layout-apps-icon {
+                  display: ${collapsed ? 'none' : 'flex'};
+              }
+          }
+
+          .ant-pro-global-header {
+              .ant-pro-layout-apps-icon {
+                  margin-inline-end: 4px;
+              }
+          }
+
+          .ant-pro-global-header-header-actions-avatar {
+              padding: 3px;
+
+              & > div {
+                  height: 36px;
+                  line-height: 1.5;
+              }
+          }
+
+          .ant-pro-sider-logo {
+              padding-block: 10px;
+          }
+
+          .ant-pro-sider-logo-collapsed {
+              padding: 10px 6px 2px 6px;
+          }
+
+          .ant-pro-sider-collapsed-button {
+              inset-block-start: 15px;
+          }
+      `, selectedKeys: pathKeys, locale: "zh-CN", navTheme: "light", fixSiderbar: true, layout: "mix", contentWidth: "Fluid", splitMenus: false, bgLayoutImgList: [
+                {
+                    src: ImageLayout01,
+                    left: 85,
+                    bottom: 100,
+                    height: '303px'
+                },
+                {
+                    src: ImageLayout02,
+                    bottom: -68,
+                    right: -45,
+                    height: '303px'
+                },
+                {
+                    src: ImageLayout03,
+                    bottom: 0,
+                    left: 0,
+                    width: '331px'
+                }
+            ], siderWidth: 200, token: {
+                bgLayout: '#f5f7fa',
+                header: {
+                    heightLayoutHeader: 48
+                },
+                sider: {
+                    menuHeight: 32,
+                    paddingBlockLayoutMenu: 4,
+                    paddingInlineLayoutMenu: 4,
+                    colorMenuBackground: '#fff',
+                    colorTextMenu: 'rgb(87, 89, 102)',
+                    colorBgMenuItemSelected: 'rgba(0,0,0,0.08)'
+                },
+                pageContainer: {
+                    paddingInlinePageContainerContent: 0,
+                    paddingBlockPageContainerContent: 0
+                }
+            }, siderMenuType: 'sub', fixedHeader: true, appList: (props.apps?.length || 0) > 1 || collapsed ? props.apps?.map(it => {
+                return {
+                    ...it,
+                    icon: React.createElement("img", { src: it.icon, alt: "" }),
+                    title: it.name,
+                    desc: it.description,
+                    url: it.defaultPath || it.path
+                };
+            }) : [], menuHeaderRender: (_logo, _title, props) => {
+                setTimeout(() => {
+                    setCollapsed(props?.collapsed === true);
+                });
+                return React.createElement(React.Fragment, null, props?.collapsed ? undefined : React.createElement("div", { style: {
+                        padding: '2px 0',
+                        textIndent: 10,
+                        fontSize: 15,
+                        color: '#333',
+                        fontWeight: 500
+                    } }, app?.name));
+            }, menu: {
+                collapsedShowTitle: false,
+                collapsedShowGroupTitle: false,
+                params: appParams,
+                request: async () => {
+                    return requestMenuItems();
+                }
+            }, subMenuItemRender: (props, _defaultDom, menuProps) => {
+                return React.createElement("div", { style: {
+                        height: 32,
+                        fontSize: 13,
+                        display: 'flex',
+                        alignItems: 'center',
+                        justifyContent: menuProps.collapsed ? 'center' : undefined,
+                        cursor: 'pointer',
+                        width: '100%',
+                        color: '#0c0d0e'
+                    } },
+                    React.createElement("img", { src: (props.icon || '') === '' ? undefined : props.icon?.toString(), style: {
+                            width: 20,
+                            display: 'block',
+                            marginInlineEnd: menuProps.collapsed ? 0 : 4
+                        }, alt: "" }),
+                    menuProps.collapsed ? undefined : props.name);
+            }, menuItemRender: (props, defaultDom, menuProps) => {
+                const isSub = (props.locale?.toString()
+                    ?.split('.') || []).length > 2;
+                return React.createElement("a", { style: {
+                        fontSize: 13,
+                        userSelect: 'none',
+                        height: 32,
+                        display: 'flex',
+                        alignItems: 'center',
+                        justifyContent: menuProps.collapsed && !isSub ? 'center' : undefined,
+                        cursor: 'pointer',
+                        color: '#0c0d0e'
+                    }, onClick: (e) => {
+                        e.preventDefault();
+                        if (props.isUrl || !props.path) {
+                            return;
+                        }
+                        toLink(props.path);
+                    }, href: props.path },
+                    (props.icon || '') === '' ? undefined : React.createElement("img", { src: props.icon?.toString(), style: {
+                            width: 20,
+                            display: 'block',
+                            marginInlineEnd: menuProps.collapsed ? undefined : 4
+                        }, alt: "" }),
+                    menuProps.collapsed && !isSub ? undefined : props.name);
+            }, logo: React.createElement("div", { className: css `
+          display: flex;
+          align-items: center;
+
+          & > img {
+              height: ${props?.logo?.height || 22}px;
+              display: block;
+              margin: 0 6px;
+          }
+      ` },
+                React.createElement("img", { src: props?.logo?.path, alt: "" })), title: false, avatarProps: {
+                src: (userInfo?.avatar || '') === '' ? '/avatar.png' : userInfo?.avatar,
+                size: 'small',
+                title: React.createElement("span", { style: {
+                        color: '#333',
+                        fontSize: 14
+                    } }, userInfo?.nickName || '系统用户'),
+                render: (_props, dom) => {
+                    return (React.createElement(Dropdown, { menu: {
+                            items: [
+                                {
+                                    key: '0',
+                                    label: (React.createElement("div", { className: css `
+                        max-width: 200px;
+                        width: 200px;
+
+                        & p {
+                            margin: 3px;
+                            display: block;
+                        }
+                    ` },
+                                        React.createElement("p", null,
+                                            React.createElement(Typography.Text, { ellipsis: true, style: {
+                                                    width: 200,
+                                                    fontWeight: 500,
+                                                    fontSize: 14
+                                                } }, userInfo?.companyName || userInfo?.nickName)),
+                                        React.createElement("p", null,
+                                            React.createElement(Typography.Text, { ellipsis: true, style: { width: 200 } },
+                                                "\u8D26\u53F7ID : ",
+                                                userInfo?.id))))
+                                },
+                                {
+                                    type: 'divider'
+                                },
+                                ...(props?.userMenus || []),
+                                {
+                                    type: 'divider'
+                                },
+                                {
+                                    key: 'EXIT',
+                                    danger: true,
+                                    label: React.createElement("div", { onClick: onLogout }, "\u9000\u51FA\u767B\u5F55")
+                                }
+                            ]
+                        } }, dom));
+                }
+            }, actionsRender: (headerProps) => {
+                if (headerProps.isMobile) {
+                    return [];
+                }
+                if (typeof window === 'undefined') {
+                    return [];
+                }
+                return props?.headerMenus || [];
+            } }, props.children));
+};
+export default Component;

package/NetDiskModals.d.ts

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

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

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export type Handler<T> = {
+    ok: (callback: (params: T) => Promise<boolean>, args?: {}, initialValues?: {}) => void;
+};
+export declare class UserModals {
+    static useResetPassword(): [Handler<string>, ReactNode];
+}

package/UserModals.js

@@ -0,0 +1,39 @@
+import React, { useRef, useState } from 'react';
+import { Form, Input, Modal } from 'antd';
+import { Promises } from './promises';
+export class UserModals {
+    static useResetPassword() {
+        const [form] = Form.useForm();
+        const [isOpenModal, setIsOpenModal] = useState(false);
+        const callbackRef = useRef(undefined);
+        const onConfirm = async () => {
+            if (!await Promises.result(form?.validateFields())) {
+                return false;
+            }
+            if (callbackRef.current) {
+                if (await callbackRef.current?.(form.getFieldsValue())) {
+                    setIsOpenModal(false);
+                }
+            }
+            else {
+                setIsOpenModal(false);
+            }
+            return true;
+        };
+        const handler = {
+            ok: (callback) => {
+                form.resetFields();
+                setIsOpenModal(true);
+                callbackRef.current = callback;
+            }
+        };
+        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(Form, { form: form, labelCol: { span: 5 } },
+                        React.createElement(Form.Item, { name: "password", style: { margin: 0 }, rules: [{
+                                    required: true,
+                                    message: '请输入密码'
+                                }] },
+                            React.createElement(Input.Password, { placeholder: "\u65B0\u5BC6\u7801" })))))];
+    }
+}

package/auth/AuthPassword.d.ts

@@ -0,0 +1,33 @@
+import { Slider, SliderCodeToken } from 'beer-assembly/SliderCode';
+import React from 'react';
+export declare type AuthPasswordProps = {
+    /**
+     * HTML 协议.
+     */
+    protocol: string;
+    /**
+     * 请求滑块验证码.
+     */
+    requestSlider: () => Promise<Slider>;
+    /**
+     * 滑块验证码样式.
+     */
+    sliderToken: SliderCodeToken;
+    /**
+     * 登录请求
+     * @param code 代码
+     * @param slider 滑块
+     * @param params 参数
+     */
+    requestLogin?: (code: string, slider: Slider, params: {
+        username: string;
+        password: string;
+    }) => Promise<boolean>;
+    /**
+     * 发出错误消息
+     * @param message 消息
+     */
+    onErrorMessage?: (message: string) => void;
+};
+declare const App: (props: AuthPasswordProps) => React.JSX.Element;
+export default App;

package/auth/AuthPassword.js

@@ -0,0 +1,63 @@
+import { Button, Checkbox, Dropdown, Form, Input } from 'antd';
+import SliderCode from 'beer-assembly/SliderCode';
+import { css } from '@emotion/css';
+import React, { useState } from 'react';
+import { useForm } from 'antd/es/form/Form';
+const App = (props) => {
+    const [form] = useForm();
+    const [isLoading, setIsLoading] = useState(false);
+    const [protocol, setProtocol] = useState(false);
+    const onLogin = async () => {
+        const result = await form.validateFields();
+        if (props?.protocol !== undefined) {
+            if (!protocol) {
+                props?.onErrorMessage?.('请勾选用户协议');
+                return false;
+            }
+        }
+        if (result.username === undefined || result.username.trim() === '') {
+            props?.onErrorMessage?.('请输入账号信息');
+            return false;
+        }
+        if (result.password === undefined || result.password.trim() === '') {
+            props?.onErrorMessage?.('请输入密码信息');
+            return false;
+        }
+        setIsLoading(true);
+        return true;
+    };
+    return React.createElement(Form, { form: form },
+        React.createElement(Form.Item, { name: "username", style: { marginBottom: 12 } },
+            React.createElement(Input, { className: "input", maxLength: 32, placeholder: "\u8BF7\u8F93\u5165\u8D26\u53F7", style: { height: 36 } })),
+        React.createElement(Form.Item, { name: "password", style: { marginBottom: 12 } },
+            React.createElement(Input.Password, { className: "input", maxLength: 32, placeholder: "\u8BF7\u8F93\u5165\u5BC6\u7801", autoComplete: "on", style: { height: 36 } })),
+        props?.protocol === undefined ? undefined : React.createElement(Form.Item, { style: { marginBottom: 12 } },
+            React.createElement(Checkbox, { style: { fontSize: 13 }, onChange: (e) => {
+                    setProtocol(e.target.checked);
+                } },
+                React.createElement("span", { dangerouslySetInnerHTML: { __html: props?.protocol } }))),
+        React.createElement(Form.Item, null,
+            React.createElement(Dropdown, { placement: "top", arrow: true, destroyPopupOnHide: true, dropdownRender: () => React.createElement(React.Fragment, null,
+                    React.createElement("div", { style: {
+                            width: '250px',
+                            display: 'block',
+                            marginLeft: '35px'
+                        } },
+                        React.createElement(SliderCode, { request: props?.requestSlider, onReceipt: async (code, slider) => {
+                                const params = form.getFieldsValue();
+                                const result = (await props?.requestLogin?.(code, slider, params)) || true;
+                                // 如果处理成功, 关闭Loading
+                                if (result) {
+                                    setIsLoading(false);
+                                }
+                                return result;
+                            }, token: props?.sliderToken }))), trigger: ['click'], open: isLoading },
+                React.createElement("div", null)),
+            React.createElement(Button, { type: "primary", className: css `
+          width: 100%;
+          height: 38px;
+          font-size: 14px;
+          margin-top: 4px;
+      `, loading: isLoading, onClick: onLogin }, "\u767B\u5F55")));
+};
+export default App;

package/auth/AuthStyle01.d.ts

@@ -0,0 +1,53 @@
+import { FC } from 'react';
+import { Slider, SliderCodeToken } from 'beer-assembly/SliderCode';
+declare type AuthStyleProps = {
+    /**
+     * 主颜色.
+     */
+    colorPrimary: string;
+    /**
+     * Logo 图片.
+     */
+    logo: string;
+    /**
+     * 侧边栏图片
+     */
+    sidebar: string;
+    /**
+     * 描述.
+     */
+    description: string;
+    /**
+     * HTML 协议.
+     */
+    protocol: string;
+    /**
+     * HTML 关于.
+     */
+    copyright: string;
+    /**
+     * 请求滑块验证码.
+     */
+    requestSlider: () => Promise<Slider>;
+    /**
+     * 滑块验证码样式.
+     */
+    sliderToken: SliderCodeToken;
+    /**
+     * 登录对象.
+     * @param params 参数
+     */
+    systemLogin?: (params: {
+        account: string;
+        password: string;
+        authCode: string;
+        code: string;
+    }) => Promise<{
+        success: boolean;
+        message?: string;
+        code: string;
+        data?: {};
+    }>;
+};
+declare const App: FC<AuthStyleProps>;
+export default App;

package/auth/AuthStyle01.js

@@ -0,0 +1,115 @@
+import React, { useState } from 'react';
+import { Alert, ConfigProvider, Tabs, theme } from 'antd';
+import { css } from '@emotion/css';
+import AuthPassword from './AuthPassword';
+import ImageBackground from '../images/assets_background_01.png';
+import { Session } from './session';
+const App = (props) => {
+    const { token } = theme.useToken();
+    const [errorMessage, setErrorMessage] = useState('');
+    const onConfirmLogin = async (code, slider, params) => {
+        const result = await props?.systemLogin?.({
+            account: params.username.trim(),
+            password: params.password.trim(),
+            authCode: slider.authCode,
+            code
+        });
+        if (result === undefined) {
+            setErrorMessage('登录失败，授权没有配置！');
+            return true;
+        }
+        if (result.success) {
+            setErrorMessage('');
+            Session.login(result.data);
+        }
+        else {
+            // 如果是1201 则是重新加载验证码
+            if (result.code === '1201') {
+                return false;
+            }
+            setErrorMessage(result.message || '');
+        }
+        return true;
+    };
+    return React.createElement("div", { className: css `
+      width: 100%;
+      height: 100vh;
+      margin: 0;
+      overflow: hidden;
+      background: url(${ImageBackground}) no-repeat;
+      background-size: cover;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+  ` }, props?.colorPrimary === undefined ? undefined : React.createElement(ConfigProvider, { theme: {
+            token: {
+                colorPrimary: props?.colorPrimary || '#0064ff'
+            }
+        } },
+        React.createElement("div", { className: css `
+          background: #fff;
+          border-radius: ${token.borderRadius + 4}px;
+          overflow: hidden;
+          display: flex;
+          margin-top: -20px;
+          height: 410px;
+      ` },
+            React.createElement("div", { style: {
+                    width: 400
+                } },
+                React.createElement("img", { className: css `
+              width: 100%;
+              display: block;
+          `, src: props.sidebar, alt: "" })),
+            React.createElement("div", { className: css `
+            width: 320px;
+            padding: 30px 40px 0 40px;
+        ` },
+                React.createElement("img", { className: css `
+              height: 42px;
+              margin: 0 auto 0 auto;
+              display: block;
+          `, src: props?.logo, alt: "" }),
+                React.createElement("p", { className: css `
+              font-size: 13px;
+              margin: 6px auto 10px auto;
+              text-align: center;
+              color: rgba(0, 0, 0, 0.45);
+          ` }, props.description),
+                React.createElement(Tabs, { defaultActiveKey: "1", items: [
+                        {
+                            key: '1',
+                            label: '账号密码登录',
+                            children: React.createElement("div", { className: css `
+                  min-height: 200px;
+              ` },
+                                errorMessage !== '' ? React.createElement(Alert, { style: {
+                                        fontSize: '12px',
+                                        marginBottom: '12px',
+                                        color: '#fa2c19',
+                                        padding: '6px 10px',
+                                        fontWeight: '500'
+                                    }, message: errorMessage, type: "error", showIcon: true }) : undefined,
+                                React.createElement(AuthPassword, { protocol: props?.protocol, requestSlider: props?.requestSlider, sliderToken: props?.sliderToken, requestLogin: onConfirmLogin, onErrorMessage: (message) => setErrorMessage(message) }))
+                        }
+                    ] })),
+            React.createElement("p", { className: css `
+            text-align: center;
+            font-size: 12px;
+            color: #666;
+            position: absolute;
+            left: 0;
+            right: 0;
+            margin-top: 440px;
+
+            & a {
+                color: #666;
+                text-decoration: none;
+            }
+
+            & a:hover {
+                text-decoration: underline;
+            }
+        `, dangerouslySetInnerHTML: { __html: props?.copyright || '' } }))));
+};
+export default App;

package/auth/AuthStyle02.d.ts

@@ -0,0 +1,49 @@
+import { FC } from 'react';
+import { Slider, SliderCodeToken } from 'beer-assembly/SliderCode';
+declare type AuthStyleProps = {
+    /**
+     * 主颜色.
+     */
+    colorPrimary: string;
+    /**
+     * Logo 图片.
+     */
+    logo: string;
+    /**
+     * 描述.
+     */
+    description: string;
+    /**
+     * HTML 协议.
+     */
+    protocol: string;
+    /**
+     * HTML 关于.
+     */
+    copyright: string;
+    /**
+     * 请求滑块验证码.
+     */
+    requestSlider: () => Promise<Slider>;
+    /**
+     * 滑块验证码样式.
+     */
+    sliderToken: SliderCodeToken;
+    /**
+     * 登录对象.
+     * @param params 参数
+     */
+    systemLogin?: (params: {
+        account: string;
+        password: string;
+        authCode: string;
+        code: string;
+    }) => Promise<{
+        success: boolean;
+        message?: string;
+        code: string;
+        data?: {};
+    }>;
+};
+declare const App: FC<AuthStyleProps>;
+export default App;

package/auth/AuthStyle02.js

@@ -0,0 +1,108 @@
+import React, { useState } from 'react';
+import { Alert, ConfigProvider, Tabs, theme } from 'antd';
+import { css } from '@emotion/css';
+import ImageBackground from '../images/assets_background_01.png';
+import { Session } from './session';
+import AuthPassword from './AuthPassword';
+const App = (props) => {
+    const { token } = theme.useToken();
+    const [errorMessage, setErrorMessage] = useState('');
+    const onConfirmLogin = async (code, slider, params) => {
+        const result = await props?.systemLogin?.({
+            account: params.username.trim(),
+            password: params.password.trim(),
+            authCode: slider.authCode,
+            code
+        });
+        if (result === undefined) {
+            setErrorMessage('登录失败，授权没有配置！');
+            return false;
+        }
+        if (result.success) {
+            setErrorMessage('');
+            Session.login(result.data);
+        }
+        else {
+            // 如果是1201 则是重新加载验证码
+            if (result.code === '1201') {
+                return false;
+            }
+            setErrorMessage(result.message || '');
+        }
+        return true;
+    };
+    return React.createElement("div", { className: css `
+      width: 100%;
+      height: 100vh;
+      margin: 0;
+      overflow: hidden;
+      background: url(${ImageBackground}) no-repeat;
+      background-size: cover;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+  ` }, props?.colorPrimary === undefined ? undefined : React.createElement(ConfigProvider, { theme: {
+            token: {
+                colorPrimary: props?.colorPrimary || '#0064ff'
+            }
+        } },
+        React.createElement("div", { className: css `
+          background: #fff;
+          border-radius: ${token.borderRadius + 4}px;
+          overflow: hidden;
+          display: flex;
+          margin-top: -20px;
+          height: 410px;
+      ` },
+            React.createElement("div", { className: css `
+            width: 320px;
+            padding: 30px 40px 0 40px;
+        ` },
+                React.createElement("img", { className: css `
+              height: 42px;
+              margin: 0 auto 0 auto;
+              display: block;
+          `, src: props.logo, alt: "" }),
+                React.createElement("p", { className: css `
+              font-size: 13px;
+              margin: 6px auto 10px auto;
+              text-align: center;
+              color: rgba(0, 0, 0, 0.45);
+          ` }, props.description),
+                React.createElement(Tabs, { defaultActiveKey: "1", items: [
+                        {
+                            key: '1',
+                            label: '账号密码登录',
+                            children: React.createElement("div", { className: css `
+                  min-height: 200px;
+              ` },
+                                errorMessage !== '' ? React.createElement(Alert, { style: {
+                                        fontSize: '12px',
+                                        marginBottom: '12px',
+                                        color: '#fa2c19',
+                                        padding: '6px 10px',
+                                        fontWeight: '500'
+                                    }, message: errorMessage, type: "error", showIcon: true }) : undefined,
+                                React.createElement(AuthPassword, { protocol: props?.protocol, requestSlider: props?.requestSlider, sliderToken: props?.sliderToken, requestLogin: onConfirmLogin, onErrorMessage: (message) => setErrorMessage(message) }))
+                        }
+                    ] })),
+            React.createElement("p", { className: css `
+            text-align: center;
+            font-size: 12px;
+            color: #666;
+            position: absolute;
+            left: 0;
+            right: 0;
+            margin-top: 440px;
+
+            & a {
+                color: #666;
+                text-decoration: none;
+            }
+
+            & a:hover {
+                text-decoration: underline;
+            }
+        `, dangerouslySetInnerHTML: { __html: props?.copyright || '' } }))));
+};
+export default App;

package/auth/AuthThirdPartyAuth.d.ts

@@ -0,0 +1,31 @@
+import { FC } from 'react';
+declare type AuthThirdPartyAuthProps = {
+    /**
+     * Logo
+     */
+    logo: string;
+    /**
+     * 描述
+     */
+    description: string;
+    /**
+     * 用户信息
+     */
+    userInfo?: {
+        /**
+         * 获取用户信息是否成功
+         */
+        status: boolean;
+        /**
+         * 头像地址
+         */
+        avatar: string;
+        /**
+         * 昵称
+         */
+        nickName: string;
+    };
+    onConfirm?: () => void;
+};
+declare const App: FC<AuthThirdPartyAuthProps>;
+export default App;

package/auth/AuthThirdPartyAuth.js

@@ -0,0 +1,96 @@
+import React from 'react';
+import { css } from '@emotion/css';
+import { Button, ConfigProvider, theme } from 'antd';
+import ImageBackground from '../images/assets_background_01.png';
+import ImageAvatar from './avatar.png';
+const App = (props) => {
+    const { token } = theme.useToken();
+    return React.createElement("div", { className: css `
+      width: 100%;
+      height: 100vh;
+      margin: 0;
+      overflow: hidden;
+      background: url(${ImageBackground}) no-repeat;
+      background-size: cover;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+  ` },
+        React.createElement(ConfigProvider, { theme: {
+                token: {
+                    colorPrimary: '#B22222'
+                }
+            } },
+            React.createElement("div", { className: css `
+          width: 280px;
+          min-height: 400px;
+          margin: 0 auto;
+          background: #fff;
+          border-radius: ${token.borderRadius + 4}px;
+          overflow: hidden;
+          padding: 30px 48px 35px 48px;
+      ` },
+                React.createElement("img", { className: css `
+            height: 32px;
+            margin: 0 auto 0 auto;
+            display: block;
+        `, src: props.logo, alt: "" }),
+                React.createElement("p", { className: css `
+            font-size: 13px;
+            margin: 8px auto 10px auto;
+            text-align: center;
+            color: rgba(0, 0, 0, 0.45);
+        ` }, props.description),
+                React.createElement("div", { className: css `
+            border-bottom: 1px solid #eee;
+            margin-top: 20px;
+            margin-bottom: 25px;
+        ` }),
+                React.createElement("div", { className: css `
+            width: 140px;
+            height: 140px;
+            background: #eee;
+            border-radius: 10px;
+            margin: auto;
+            overflow: hidden;
+        ` }, !props?.userInfo?.status ? undefined
+                    : React.createElement("img", { className: css `
+                  width: 100%;
+                  height: 100%;
+              `, src: props?.userInfo?.avatar === '' ? ImageAvatar : props?.userInfo?.avatar, alt: "avatar" })),
+                React.createElement("p", { className: css `
+            font-weight: 600;
+            font-size: 16px;
+            text-align: center;
+            margin: auto;
+            display: block;
+            padding: 15px 0 20px 0;
+        ` }, props?.userInfo?.status ? props?.userInfo?.nickName : '连接中 ...'),
+                React.createElement(Button, { type: "primary", className: css `
+            width: 100%;
+            height: 38px;
+            font-size: 14px;
+            margin-top: 4px;
+        `, onClick: props?.onConfirm, disabled: !props?.userInfo?.status }, "\u8FDB\u5165\u6570\u636E\u4E2D\u53F0"),
+                /wxwork/i.test(navigator.userAgent) ? React.createElement("p", { className: css `
+            margin-top: 40px;
+            color: #999;
+            font-size: 13px;
+            text-align: center;
+            line-height: 1.56;
+        ` },
+                    "\u60A8\u53EF\u4EE5\u5728",
+                    React.createElement("span", { style: {
+                            fontWeight: 500,
+                            color: '#666',
+                            margin: '0 2px'
+                        } }, "\u53F3\u4E0A\u89D2"),
+                    "\u9009\u62E9",
+                    React.createElement("span", { style: {
+                            fontWeight: 500,
+                            color: '#666',
+                            margin: '0 2px'
+                        } }, "\u5728\u6D4F\u89C8\u5668\u6253\u5F00"),
+                    "\u4EE5\u514D\u767B\u5F55\uFF0C\u65B9\u4FBF\u5FEB\u6377\u5730\u8BBF\u95EE\u6211\u4EEC\u7684\u670D\u52A1\u3002") : undefined)));
+};
+export default App;

package/auth/session.d.ts

@@ -0,0 +1,7 @@
+export declare class Session {
+    /**
+     * 写入会话缓存.
+     * @param userInfo 用户信息.
+     */
+    static login(userInfo?: {}): void;
+}

package/auth/session.js

@@ -0,0 +1,15 @@
+import Utils from 'beer-network/utils';
+export class Session {
+    /**
+     * 写入会话缓存.
+     * @param userInfo 用户信息.
+     */
+    static login(userInfo) {
+        if (userInfo === undefined) {
+            return;
+        }
+        localStorage.setItem('login_user', JSON.stringify(userInfo));
+        const goto = Utils.getParam('goto');
+        window.location.replace(goto || '/home');
+    }
+}

package/config/index.d.ts

@@ -0,0 +1,14 @@
+export declare class Config {
+    static colors: {
+        primary: string;
+        success: string;
+        danger: string;
+        warning: string;
+        info: string;
+        light: string;
+    };
+    static loadingText: string[];
+    static goodMorning: string[];
+    static goodAfternoon: string[];
+    static goodEvening: string[];
+}

package/config/index.js

@@ -0,0 +1,78 @@
+export class Config {
+}
+Config.colors = {
+    primary: '#108ee9',
+    success: '#389e0d',
+    danger: '#cf1322',
+    warning: '#faad14',
+    info: '#0958d9',
+    light: '#999'
+};
+Config.loadingText = [
+    '请稍候，正在加载数据...',
+    '系统准备中，请稍等...',
+    '准备您的体验，马上回来...',
+    '系统正在整理文件...',
+    '在与未来建立联系...',
+    '正在构建您的旅程...',
+    '数据正在装载，请耐心等待...',
+    '读取档案中，请稍候...',
+    '正在开启您的应用...',
+    '加载中，请稍后...',
+    '系统正在同步，请耐心等候...',
+    '正在准备您的界面...',
+    '系统正在激活中...',
+    '正在处理中，请稍后...',
+    '一切都在准备中，马上见...',
+    '正在初始化设置...',
+    '在计算最优路径...',
+    '数据加载中，稍等片刻...',
+    '正在准备资源...',
+    '正在收集信息，请稍候...',
+    '在构建数字世界...',
+    '载入中，请稍等...',
+    '正在启动服务...',
+    '数据处理中，请稍后...',
+    '正在连接网络...',
+    '在获取最新信息...',
+    '加载模块中，请耐心等候...',
+    '系统优化中，请稍后...',
+    '正在初始化，请稍等...',
+    '快要完成了，谢谢您的耐心...'
+];
+Config.goodMorning = [
+    '早安！愿您拥有愉快的一天。',
+    '早上好！开启新的一天。',
+    '早晨的阳光给你带来美好的一天。',
+    '愿您今天充满活力，早上好！',
+    '早安！新的一天，新的希望。',
+    '早上好！一起迎接新的开始。',
+    '早晨的微风让您的心情更加愉快。',
+    '早上好！迎接美好的一天。',
+    '早安！享受这美好的清晨。',
+    '早上好！愿您有个美好的一天。'
+];
+Config.goodAfternoon = [
+    '下午好！下午的时光给您带来温暖。',
+    '愿您度过一个愉快的下午。',
+    '下午好！保持积极的心态。',
+    '下午的阳光洒满大地，祝您心情愉悦。',
+    '下午好！希望今天的一切都顺利。',
+    '祝您度过一个轻松的下午。',
+    '下午好！享受这片刻的宁静。',
+    '下午是小憩的好时光，祝您下午愉快。',
+    '下午好！愿您今天过得顺利。',
+    '下午是忙碌中的小憩时光，祝您愉快。'
+];
+Config.goodEvening = [
+    '晚上好！愿您度过一个愉快的夜晚。',
+    '夜幕降临，祝您晚上愉快。',
+    '晚上好！希望您有一个美好的夜晚。',
+    '在星光下，愿您心情愉悦。',
+    '晚上好！祝您一晚安宁。',
+    '夜晚的宁静带给您舒适的感觉。',
+    '愿您度过一个平静的夜晚，晚上好！',
+    '晚上好！请享受这宁静的夜晚。',
+    '在星光的陪伴下，祝您晚安。',
+    '晚上好！愿您有个温馨的夜晚。'
+];

package/icon/directory.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="28" height="23" fill="none" viewBox="0 0 28 23" x="150" y="130" data-name="spacearea" data-svg-id="ea31b1f100">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M2.25 22.5A2.25 2.25 0 0 1 0 20.25V2.583A2.25 2.25 0 0 1 2.25.333h7.083l2.334 2.334H25.75A2.25 2.25 0 0 1 28 4.917V20.25a2.25 2.25 0 0 1-2.25 2.25H2.25z" fill="url(#g)"/>
+    <defs>
+        <linearGradient id="g" x1="-13.917" y1="11.351" x2="7.53" y2="38.443" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#6BBEFE"/>
+            <stop offset=".999" stop-color="#59ABFE"/>
+        </linearGradient>
+    </defs>
+</svg>

package/icon/empty.svg

@@ -0,0 +1,43 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="130" height="80">
+    <defs>
+        <linearGradient x1="52.348%" y1="74.611%" x2="52.348%" y2="-17.635%" id="a">
+            <stop stop-color="#DEDEDE" stop-opacity="0" offset="0%"/>
+            <stop stop-color="#A9A9A9" stop-opacity=".3" offset="100%"/>
+        </linearGradient>
+        <linearGradient x1="44.79%" y1="100%" x2="44.79%" y2="0%" id="b">
+            <stop stop-color="#FFF" stop-opacity="0" offset="0%"/>
+            <stop stop-color="#96A1C5" stop-opacity=".373" offset="100%"/>
+        </linearGradient>
+        <linearGradient x1="50%" y1="100%" x2="50%" y2="-19.675%" id="c">
+            <stop stop-color="#FFF" stop-opacity="0" offset="0%"/>
+            <stop stop-color="#919191" stop-opacity=".15" offset="100%"/>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="44.95%" id="d">
+            <stop stop-color="#5389F5" offset="0%"/>
+            <stop stop-color="#416FDC" offset="100%"/>
+        </linearGradient>
+        <linearGradient x1="63.345%" y1="100%" x2="63.345%" y2="-5.316%" id="e">
+            <stop stop-color="#DCE9FF" offset="0%"/>
+            <stop stop-color="#B6CFFF" offset="100%"/>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="f">
+            <stop stop-color="#7CA5F7" offset="0%"/>
+            <stop stop-color="#C4D6FC" offset="100%"/>
+        </linearGradient>
+    </defs>
+    <g transform="translate(-1.866 .364)" fill="none" fill-rule="evenodd">
+        <path d="M27.94 14.864c1.326-4.192 2.56-6.802 3.7-7.831 3.157-2.848 7.522-1.298 8.45-1.076 3.26.782 2.2-4.364 4.997-5.41 1.864-.697 3.397.155 4.6 2.556C50.752.863 52.375-.163 54.556.02c3.272.277 4.417 11.328 8.913 8.909 4.497-2.42 10.01-2.973 12.365.623.509.778.704-.429 4.166-4.55C83.462.88 86.914-.936 93.996 1.464c3.22 1.09 5.868 4.045 7.947 8.864 0 6.878 5.06 10.95 15.178 12.213 15.179 1.895 3.397 18.214-15.178 22.993-18.576 4.78-61.343 7.36-84.551-4.716C1.92 32.769 5.436 24.117 27.939 14.864z"
+              fill="url(#a)" opacity=".8"/>
+        <ellipse fill="url(#b)" cx="66" cy="69.166" rx="27.987" ry="6.478"/>
+        <path d="M113.25 77.249c-21.043 5.278-92.87-.759-100.515-3.516-3.721-1.343-7.075-3.868-10.061-7.576a2.822 2.822 0 0 1 2.198-4.593h125.514c2.605 6.938-3.107 12.166-17.136 15.685z"
+              fill="url(#c)" opacity=".675"/>
+        <g fill-rule="nonzero">
+            <path d="M43.396 12.098L33.825.906a2.434 2.434 0 0 0-1.837-.86h-20.58c-.706 0-1.377.324-1.837.86L0 12.098v6.144h43.396v-6.144z"
+                  fill="url(#d)" transform="translate(44.08 39.707)"/>
+            <path d="M40.684 18.468L32.307 8.72a2.136 2.136 0 0 0-1.622-.725H12.711c-.617 0-1.22.256-1.622.725l-8.377 9.748v5.354h37.972v-5.354z"
+                  fill="url(#e)" transform="translate(44.08 39.707)"/>
+            <path d="M43.396 25.283c0 .853-.384 1.62-.99 2.134l-.123.1a2.758 2.758 0 0 1-1.67.56H2.784c-.342 0-.669-.062-.971-.176l-.15-.06A2.802 2.802 0 0 1 0 25.282V12.165h10.529c1.163 0 2.1.957 2.1 2.118v.015c0 1.162.948 2.099 2.111 2.099h13.916a2.113 2.113 0 0 0 2.111-2.107c0-1.166.938-2.125 2.1-2.125h10.53z"
+                  fill="url(#f)" transform="translate(44.08 39.707)"/>
+        </g>
+    </g>
+</svg>

package/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "beer-assembly-biz",
+  "private": false,
+  "version": "1.1.1-alpha.1",
+  "scripts": {
+    "pub-w": "tsc && copy package.json .\\dist\\package.json && npm publish ./dist",
+    "pub-m": "tsc && cp -a src/icon ./dist && cp -a src/fonts ./dist && cp package.json ./dist/package.json && npm publish ./dist"
+  },
+  "dependencies": {
+    "@ant-design/icons": "^5.2.6",
+    "@ant-design/pro-components": "^2.6.49",
+    "@emotion/css": "^11.11.2",
+    "antd": "^5.10.0",
+    "beer-network": "^1.1.1-alpha.14",
+    "beer-assembly": "^1.1.1-alpha.57",
+    "dayjs": "^1.11.13",
+    "history": "^5.3.0",
+    "lodash": "^4.17.21",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-router-dom": "^6.15.0"
+  },
+  "devDependencies": {
+    "@babel/eslint-parser": "^7.22.15",
+    "@types/lodash": "^4.17.1",
+    "@types/react": "^18.2.46",
+    "@types/react-dom": "^18.2.18",
+    "@typescript-eslint/eslint-plugin": "^6.0.0",
+    "@typescript-eslint/parser": "^6.0.0",
+    "eslint": "^8.45.0",
+    "eslint-config-airbnb": "^19.0.4",
+    "eslint-config-ali": "^14.0.2",
+    "eslint-plugin-import": "^2.28.1",
+    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.3",
+    "typescript": "^5.4.5"
+  }
+}

package/promises.d.ts

@@ -0,0 +1,7 @@
+export declare class Promises {
+    /**
+     * 获取异步任务结果
+     * @param promise 任务
+     */
+    static result(promise: Promise<any>): Promise<boolean>;
+}

package/promises.js

@@ -0,0 +1,12 @@
+export class Promises {
+    /**
+     * 获取异步任务结果
+     * @param promise 任务
+     */
+    static async result(promise) {
+        return new Promise(resolve => {
+            promise?.catch(() => resolve(false))
+                .then(() => resolve(true));
+        });
+    }
+}