beer-assembly-biz 1.1.1-alpha.2 → 1.1.1-alpha.21

package/MyPageContainer.js

@@ -0,0 +1,71 @@
+import React, { useEffect, useState } from 'react';
+import { css } from '@emotion/css';
+import { PageContainer } from '@ant-design/pro-components';
+import { message, Modal, Tabs } 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 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: 15px;
+                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: 12px 16px;
+        ` }, 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/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

@@ -11,7 +11,7 @@ export class UserModals {
                 return false;
             }
             if (callbackRef.current) {
-                if (await callbackRef.current?.(form.getFieldsValue())) {
+                if (await callbackRef.current?.(form.getFieldValue('password'))) {
                     setIsOpenModal(false);
                 }
             }
@@ -34,6 +34,6 @@ export class UserModals {
                                     required: true,
                                     message: '请输入密码'
                                 }] },
-                            React.createElement(Input.Password, { placeholder: "\u65B0\u5BC6\u7801" })))))];
+                            React.createElement(Input.Password, { placeholder: "\u65B0\u5BC6\u7801", autoComplete: "off" })))))];
     }
 }

package/auth/AuthPassword.d.ts

@@ -1,25 +1,29 @@
 import { Slider, SliderCodeToken } from 'beer-assembly/SliderCode';
 import React from 'react';
 export declare type AuthPasswordProps = {
+    /**
+     * 是否启用企业登录.
+     */
+    companyStatus?: boolean;
     /**
      * HTML 协议.
      */
-    protocol: string;
+    protocol?: string;
     /**
      * 请求滑块验证码.
      */
-    requestSlider: () => Promise<Slider>;
+    requestSlider?: () => Promise<Slider>;
     /**
      * 滑块验证码样式.
      */
-    sliderToken: SliderCodeToken;
+    sliderToken?: SliderCodeToken;
     /**
      * 登录请求
      * @param code 代码
      * @param slider 滑块
      * @param params 参数
      */
-    requestLogin?: (code: string, slider: Slider, params: {
+    requestLogin?: (code: string | undefined, slider: Slider | undefined, params: {
         username: string;
         password: string;
     }) => Promise<boolean>;

package/auth/AuthPassword.js

@@ -23,10 +23,30 @@ const App = (props) => {
             props?.onErrorMessage?.('请输入密码信息');
             return false;
         }
+        // 启动Loading
         setIsLoading(true);
+        // 如果不需要滑块验证; 直接登录
+        if (props?.requestSlider === undefined) {
+            await onConfirmLogin();
+        }
+        return true;
+    };
+    const onConfirmLogin = async (code, slider) => {
+        const params = form.getFieldsValue();
+        const func = props?.requestLogin;
+        if (func !== undefined) {
+            const result = await func(code, slider, params);
+            if (!result) {
+                return false;
+            }
+        }
+        // 如果处理成功, 关闭Loading
+        setIsLoading(false);
         return true;
     };
     return React.createElement(Form, { form: form },
+        props?.companyStatus ? React.createElement(Form.Item, { name: "companyName", style: { marginBottom: 12 } },
+            React.createElement(Input, { className: "companyName", maxLength: 32, placeholder: "\u8BF7\u8F93\u5165\u4F01\u4E1A\u540D\u79F0", style: { height: 36 } })) : undefined,
         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 } },
@@ -37,22 +57,16 @@ const App = (props) => {
                 } },
                 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,
+            props?.requestSlider !== undefined ? 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(SliderCode, { request: props?.requestSlider || (async () => {
+                                return {};
+                            }), onReceipt: onConfirmLogin, token: props?.sliderToken }))), trigger: ['click'], open: isLoading },
+                React.createElement("div", null)) : undefined,
             React.createElement(Button, { type: "primary", className: css `
           width: 100%;
           height: 38px;

package/auth/AuthStyle01.d.ts

@@ -8,7 +8,16 @@ declare type AuthStyleProps = {
     /**
      * Logo 图片.
      */
-    logo: string;
+    logo: {
+        /**
+         * 路径
+         */
+        path: string;
+        /**
+         * 高度
+         */
+        height?: number;
+    };
     /**
      * 侧边栏图片
      */
@@ -16,23 +25,27 @@ declare type AuthStyleProps = {
     /**
      * 描述.
      */
-    description: string;
+    description?: string;
     /**
      * HTML 协议.
      */
-    protocol: string;
+    protocol?: string;
+    /**
+     * 企业状态.
+     */
+    companyStatus?: boolean;
     /**
      * HTML 关于.
      */
-    copyright: string;
+    copyright?: string;
     /**
      * 请求滑块验证码.
      */
-    requestSlider: () => Promise<Slider>;
+    requestSlider?: () => Promise<Slider>;
     /**
      * 滑块验证码样式.
      */
-    sliderToken: SliderCodeToken;
+    sliderToken?: SliderCodeToken;
     /**
      * 登录对象.
      * @param params 参数
@@ -48,6 +61,10 @@ declare type AuthStyleProps = {
         code: string;
         data?: {};
     }>;
+    /**
+     * 登录处理.
+     */
+    login?: (userInfo: any) => void;
 };
 declare const App: FC<AuthStyleProps>;
 export default App;

package/auth/AuthStyle01.js

@@ -11,8 +11,8 @@ const App = (props) => {
         const result = await props?.systemLogin?.({
             account: params.username.trim(),
             password: params.password.trim(),
-            authCode: slider.authCode,
-            code
+            authCode: slider?.authCode || '',
+            code: code || ''
         });
         if (result === undefined) {
             setErrorMessage('登录失败，授权没有配置！');
@@ -20,7 +20,11 @@ const App = (props) => {
         }
         if (result.success) {
             setErrorMessage('');
-            Session.login(result.data);
+            if (props?.login === undefined) {
+                Session.login(result.data);
+                return true;
+            }
+            props?.login?.(result.data);
         }
         else {
             // 如果是1201 则是重新加载验证码
@@ -66,10 +70,10 @@ const App = (props) => {
             padding: 30px 40px 0 40px;
         ` },
                 React.createElement("img", { className: css `
-              height: 42px;
+              height: ${props?.logo?.height || 42}px;
               margin: 0 auto 0 auto;
               display: block;
-          `, src: props?.logo, alt: "" }),
+          `, src: props?.logo?.path, alt: "" }),
                 React.createElement("p", { className: css `
               font-size: 13px;
               margin: 6px auto 10px auto;
@@ -90,7 +94,7 @@ const App = (props) => {
                                         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(AuthPassword, { companyStatus: props?.companyStatus, protocol: props?.protocol, requestSlider: props?.requestSlider, sliderToken: props?.sliderToken, requestLogin: onConfirmLogin, onErrorMessage: (message) => setErrorMessage(message) }))
                         }
                     ] })),
             React.createElement("p", { className: css `

package/auth/AuthStyle02.d.ts

@@ -8,27 +8,40 @@ declare type AuthStyleProps = {
     /**
      * Logo 图片.
      */
-    logo: string;
+    logo: {
+        /**
+         * 路径
+         */
+        path: string;
+        /**
+         * 高度
+         */
+        height?: number;
+    };
     /**
      * 描述.
      */
-    description: string;
+    description?: string;
+    /**
+     * 是否允许企业
+     */
+    companyStatus?: boolean;
     /**
      * HTML 协议.
      */
-    protocol: string;
+    protocol?: string;
     /**
      * HTML 关于.
      */
-    copyright: string;
+    copyright?: string;
     /**
      * 请求滑块验证码.
      */
-    requestSlider: () => Promise<Slider>;
+    requestSlider?: () => Promise<Slider>;
     /**
      * 滑块验证码样式.
      */
-    sliderToken: SliderCodeToken;
+    sliderToken?: SliderCodeToken;
     /**
      * 登录对象.
      * @param params 参数
@@ -44,6 +57,10 @@ declare type AuthStyleProps = {
         code: string;
         data?: {};
     }>;
+    /**
+     * 登录处理.
+     */
+    login?: (userInfo: any) => void;
 };
 declare const App: FC<AuthStyleProps>;
 export default App;

package/auth/AuthStyle02.js

@@ -11,8 +11,8 @@ const App = (props) => {
         const result = await props?.systemLogin?.({
             account: params.username.trim(),
             password: params.password.trim(),
-            authCode: slider.authCode,
-            code
+            authCode: slider?.authCode || '',
+            code: code || ''
         });
         if (result === undefined) {
             setErrorMessage('登录失败，授权没有配置！');
@@ -20,7 +20,11 @@ const App = (props) => {
         }
         if (result.success) {
             setErrorMessage('');
-            Session.login(result.data);
+            if (props?.login === undefined) {
+                Session.login(result.data);
+                return true;
+            }
+            props?.login?.(result.data);
         }
         else {
             // 如果是1201 则是重新加载验证码
@@ -59,10 +63,10 @@ const App = (props) => {
             padding: 30px 40px 0 40px;
         ` },
                 React.createElement("img", { className: css `
-              height: 42px;
+              height: ${props?.logo?.height || 42}px;
               margin: 0 auto 0 auto;
               display: block;
-          `, src: props.logo, alt: "" }),
+          `, src: props?.logo?.path, alt: "" }),
                 React.createElement("p", { className: css `
               font-size: 13px;
               margin: 6px auto 10px auto;
@@ -83,7 +87,7 @@ const App = (props) => {
                                         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(AuthPassword, { companyStatus: props?.companyStatus, protocol: props?.protocol, requestSlider: props?.requestSlider, sliderToken: props?.sliderToken, requestLogin: onConfirmLogin, onErrorMessage: (message) => setErrorMessage(message) }))
                         }
                     ] })),
             React.createElement("p", { className: css `

package/content/ParentContext.d.ts

@@ -0,0 +1,8 @@
+import type { MessageInstance } from 'antd/es/message/interface';
+import type { HookAPI } from 'antd/es/modal/useModal';
+declare const ParentContext: import("react").Context<{
+    messageApi: MessageInstance | undefined;
+    modal: HookAPI | undefined;
+    active: () => void;
+}>;
+export default ParentContext;

package/content/ParentContext.js

@@ -0,0 +1,9 @@
+import { createContext } from 'react';
+const ParentContext = createContext({
+    messageApi: undefined,
+    modal: undefined,
+    active: () => {
+        console.log('parent context');
+    }
+});
+export default ParentContext;

package/content/PermissionContext.d.ts

@@ -0,0 +1,4 @@
+declare const PermissionContext: import("react").Context<{
+    isPermission: (domain: string, permission: string) => boolean;
+}>;
+export default PermissionContext;

package/content/PermissionContext.js

@@ -0,0 +1,12 @@
+import { createContext } from 'react';
+const PermissionContext = createContext({
+    isPermission: (domain, permission) => {
+        console.log('parent context' + domain);
+        console.log('parent context' + permission);
+        if (!permission) {
+            return false;
+        }
+        return true;
+    }
+});
+export default PermissionContext;