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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "beer-assembly-biz",
   "private": false,
-  "version": "1.1.3-alpha.9",
+  "version": "1.1.5-beta.1",
   "scripts": {
     "pub-w": "tsc && copy package.json .\\dist\\package.json && npm publish ./dist",
     "copy": "cp -a src/rich/AIEditor.css dist/rich/AIEditor.css && cp -a src/icon dist/icon && cp -a src/images dist/images",
@@ -10,41 +10,43 @@
   "dependencies": {
     "@ant-design/icons": "5.5.2",
     "@ant-design/pro-components": "2.8.4",
-    "@emotion/css": "^11.11.2",
-    "aieditor": "^1.3.6",
+    "@emotion/css": "11.13.5",
+    "aieditor": "1.4.2",
     "antd": "5.23.2",
+    "beer-assembly-plus": "1.1.3",
     "beer-network": "1.2.3",
-    "beer-assembly-plus": "1.1.2-alpha.8",
-    "dayjs": "^1.11.13",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-router-dom": "^6.15.0"
+    "dayjs": "^1",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "react-fast-marquee": "1.6.5",
+    "react-router-dom": "6.30.1"
   },
   "devDependencies": {
-    "@babel/core": "^7.16.0",
-    "@svgr/webpack": "^5.5.0",
-    "@types/lodash": "^4.17.16",
-    "@types/node": "^16.18.101",
-    "@types/react": "^18.3.3",
-    "@types/react-dom": "^18.3.0",
-    "@types/webpack": "^5.28.5",
-    "@typescript-eslint/eslint-plugin": "^8.26.1",
-    "@typescript-eslint/parser": "^8.26.1",
-    "babel-loader": "^8.2.3",
-    "babel-plugin-named-asset-import": "^0.3.8",
-    "babel-preset-react-app": "^10.0.1",
-    "customize-cra": "^1.0.0",
-    "dotenv": "^16.4.7",
-    "eslint": "^8.3.0",
-    "eslint-config-airbnb": "^19.0.4",
-    "eslint-config-airbnb-base": "^15.0.0",
-    "eslint-plugin-import": "^2.29.1",
-    "eslint-plugin-react": "^7.37.4",
-    "less": "^4.2.2",
-    "less-loader": "^12.2.0",
-    "react-app-rewired": "^2.2.1",
-    "react-scripts": "^5.0.1",
-    "serve": "^14.2.4",
-    "typescript": "^5.7.3"
+    "@babel/core": "7.27.4",
+    "@svgr/webpack": "5.5.0",
+    "@types/node": "16.18.126",
+    "@types/react": "18.3.23",
+    "@types/react-dom": "18.3.7",
+    "@types/webpack": "5.28.5",
+    "@typescript-eslint/eslint-plugin": "8.35.0",
+    "@typescript-eslint/parser": "8.35.0",
+    "babel-loader": "8.4.1",
+    "babel-plugin-named-asset-import": "0.3.8",
+    "babel-preset-react-app": "10.1.0",
+    "customize-cra": "1.0.0",
+    "dotenv": "16.5.0",
+    "eslint": "8.57.1",
+    "eslint-config-airbnb": "19.0.4",
+    "eslint-config-airbnb-base": "15.0.0",
+    "eslint-plugin-import": "2.32.0",
+    "eslint-plugin-react": "7.37.5",
+    "less": "4.3.0",
+    "less-loader": "12.3.0",
+    "react-app-rewired": "2.2.1",
+    "react-scripts": "5.0.1",
+    "serve": "14.2.4",
+    "typescript": "5.8.3",
+    "webpack": "5.99.9",
+    "webpack-cli": "5.1.4"
   }
 }

package/promises.js

@@ -21,18 +21,16 @@ export class Promises {
  * 异步任务管理工具.
  */
 export class Async {
-    constructor() {
-        this.isRun = false;
-    }
+    isRun = false;
     /**
      * 同时只有一个函数能运行.
      * @param func
      */
     async run(func) {
+        if (this.isRun) {
+            return undefined;
+        }
         try {
-            if (this.isRun) {
-                return undefined;
-            }
             this.isRun = true;
             return await func();
         }

package/rich/AIEditor.js

@@ -6,7 +6,7 @@ import { Session } from 'beer-network/session';
  * AIEditor 的富文本编辑器.
  * @see https://aieditor.dev/zh/
  */
-export const AIEditor = forwardRef(function AIEditor({ actionImage, params, headers, placeholder, defaultValue, value, onChange, options, ...props }, ref) {
+export const AIEditor = forwardRef(({ actionImage, params, headers, placeholder, defaultValue, value, onChange, options, ...props }, ref) => {
     const divRef = useRef(null);
     const aiEditorRef = useRef(null);
     const getAction = () => {
@@ -21,8 +21,9 @@ export const AIEditor = forwardRef(function AIEditor({ actionImage, params, head
         return actionImage + '?' + paramQuery.toString();
     };
     useEffect(() => {
-        if (!divRef.current)
-            return;
+        if (!divRef.current) {
+            return undefined;
+        }
         if (!aiEditorRef.current) {
             aiEditorRef.current = new AiEditor({
                 element: divRef.current,

package/net-disk/DirectoryMenusPanel.js

@@ -1,337 +0,0 @@
-"use strict";
-// import React, { CSSProperties, FC, ReactNode, useEffect, useState } from 'react';
-// import { App, ConfigProvider, Dropdown, Select, Skeleton, theme, Tree } from 'antd';
-// import { css } from '@emotion/css';
-// import { CaretDownOutlined, MenuOutlined, PlusOutlined } from '@ant-design/icons';
-// import type { ItemType } from 'antd/es/menu/interface';
-// import Flux from './Flux';
-//
-// export declare type Module = {
-//   code: string
-//   name: string
-// };
-// export declare type ModuleItem = {
-//   code?: string | undefined
-//   name?: string | ReactNode | undefined
-//   children?: ModuleItem[] | undefined
-// };
-// export declare type DirectoryMenusPanel = {
-//   /**
-//    * 宽度.
-//    */
-//   width?: number | undefined
-//   /**
-//    * 字体大小.
-//    */
-//   fontSize?: number | undefined
-//   /**
-//    * 样式.
-//    */
-//   style?: CSSProperties | undefined
-//   /**
-//    * 模块列表.
-//    */
-//   appList?: Module[] | undefined
-//   /**
-//    * 模块菜单明细.
-//    */
-//   appItems?: ModuleItem[] | undefined
-//   /**
-//    * 创建事件.
-//    */
-//   onCreate?: () => void | undefined
-//   /**
-//    * 模块切换事件.
-//    * @param app 模块.
-//    */
-//   onAppChange?: (app: Module | undefined) => Promise<void> | undefined
-//   /**
-//    * 模块明细切换事件.
-//    * @param code 明细.
-//    */
-//   onAppItemChange?: (code: string) => Promise<void> | undefined
-//   /**
-//    * 目录右侧菜单.
-//    */
-//   directoryMenus?: ItemType[] | undefined
-//   /**
-//    * 明细右侧菜单.
-//    */
-//   itemMenus?: ItemType[] | undefined
-//   /**
-//    * 是否允许创建.
-//    */
-//   isAllowCreate?: boolean | undefined
-// };
-// export const Component: FC<DirectoryMenusPanel> = (props) => {
-//   const { token } = theme.useToken();
-//
-//   const [appList, setAppList] = useState<Module[]>([]);
-//   const [app, setApp] = useState<string>('');
-//   const [appModuleLoading, setAppModuleLoading] = useState(false);
-//   const [appModuleItems, setAppModuleItems] = useState<ModuleItem[]>([]);
-//
-//   const TreeTitle = (titleProps: { children?: ReactNode | undefined }) => {
-//     return <Flux className={css`
-//         & .menus {
-//             display: none;
-//         }
-//
-//         &:hover {
-//             .menus {
-//                 display: flex;
-//             }
-//         }
-//     `}>
-//       {titleProps.children}
-//       {props?.directoryMenus === undefined || props?.directoryMenus.length <= 0 ? undefined : <Dropdown menu={{
-//         items: props?.directoryMenus
-//       }} trigger={['click']}>
-//         <div className="menus" style={{
-//           alignItems: 'center',
-//           justifyContent: 'center',
-//           position: 'absolute',
-//           top: 0,
-//           right: 4,
-//           bottom: 0,
-//           width: 30
-//         }} onClick={(e) => {
-//           e.stopPropagation();
-//         }}>
-//           <div style={{
-//             width: 24,
-//             maxWidth: 24,
-//             height: 24,
-//             display: 'flex',
-//             alignItems: 'center',
-//             justifyContent: 'center',
-//             fontSize: token.fontSize + 1
-//           }}>
-//             <MenuOutlined style={{ display: 'block' }}/>
-//           </div>
-//         </div>
-//       </Dropdown>}
-//     </Flux>;
-//   };
-//   const TreeLabel = (labelProps: { children?: ReactNode | undefined }) => {
-//     return <Flux style={{
-//       marginLeft: 18,
-//       overflow: 'hidden',
-//       position: 'relative'
-//     }} className={css`
-//         & .menus {
-//             display: none;
-//         }
-//
-//         &:hover {
-//             .menus {
-//                 display: flex;
-//             }
-//         }
-//     `}>
-//       {labelProps.children}
-//       {props?.itemMenus === undefined || props?.itemMenus.length <= 0 ? undefined : <Dropdown menu={{
-//         items: props?.itemMenus
-//       }} trigger={['click']}>
-//         <div className="menus" style={{
-//           alignItems: 'center',
-//           justifyContent: 'center',
-//           position: 'absolute',
-//           top: 0,
-//           right: 0,
-//           bottom: 0,
-//           width: 30
-//         }}>
-//           <div style={{
-//             width: 24,
-//             maxWidth: 24,
-//             height: 24,
-//             display: 'flex',
-//             alignItems: 'center',
-//             justifyContent: 'center',
-//             fontSize: token.fontSize + 1
-//           }}>
-//             <MenuOutlined style={{ display: 'block' }}/>
-//           </div>
-//         </div>
-//       </Dropdown>}
-//     </Flux>;
-//   };
-//
-//   const onConfirmApp = (code: string) => {
-//     setApp(code);
-//   };
-//   const onSelectItem = (itemCode: string) => {
-//     props?.onAppItemChange?.(itemCode);
-//   };
-//
-//   useEffect(() => {
-//     if (app === undefined || app === '') {
-//       return;
-//     }
-//     setAppModuleLoading(true);
-//     const change = props?.onAppChange;
-//     if (change === undefined) {
-//       setAppModuleLoading(false);
-//       return;
-//     }
-//     change(appList.find(it => it.code === app))
-//       ?.then(() => setAppModuleLoading(false));
-//   }, [app]);
-//   useEffect(() => {
-//     setAppList(props.appList || []);
-//     const code = props?.appList?.[0]?.code;
-//     if (code !== undefined) {
-//       setApp(code);
-//     }
-//   }, [props.appList]);
-//   useEffect(() => {
-//     setAppModuleItems(props?.appItems?.map((it: any) => {
-//       it.title = <TreeTitle>{it.name}</TreeTitle>;
-//       it.key = it.code;
-//       it.children = it?.children?.map((c: any) => {
-//         return {
-//           ...c,
-//           key: c.code,
-//           title: <TreeLabel>{c.name}</TreeLabel>
-//         };
-//       });
-//       return it;
-//     }) || []);
-//   }, [props.appItems]);
-//   return <App style={{
-//     width: props.width || 320,
-//     minWidth: props.width || 320,
-//     maxWidth: props.width || 320,
-//     height: '100%',
-//     background: '#fff',
-//     overflow: 'hidden',
-//     display: 'flex',
-//     flexDirection: 'column',
-//     ...(props.style || {})
-//   }}>
-//     <ConfigProvider
-//       theme={{
-//         token: {
-//           fontSize: props?.fontSize || 13
-//         },
-//         components: {
-//           Tree: {
-//             motion: false,
-//             directoryNodeSelectedBg: '#eee',
-//             directoryNodeSelectedColor: '#333',
-//             titleHeight: 32,
-//             padding: 0
-//           }
-//         }
-//       }}>
-//       <div style={{
-//         padding: '10px 16px',
-//         borderBottom: '1px solid #eee',
-//         fontSize: token.fontSize + 2,
-//         fontWeight: 500
-//       }}>
-//         <Flux style={{
-//           height: 32
-//         }} size={10}>
-//           <Select
-//             variant="filled"
-//             placeholder="选择模块"
-//             className={css`
-//                 flex: 1;
-//
-//                 .ant-select-selection-item {
-//                     font-size: 14px;
-//                     font-weight: 500;
-//                 }`}
-//             value={app}
-//             onChange={(e) => onConfirmApp(e)}
-//             options={appList.map(it => {
-//               return {
-//                 value: it.code,
-//                 label: it.name
-//               };
-//             })}
-//           />
-//           {props?.isAllowCreate ? <a className={css`
-//               background: rgba(0, 0, 0, 0.04);
-//               width: 30px;
-//               height: 30px;
-//               display: flex;
-//               align-items: center;
-//               justify-content: center;
-//               color: #333;
-//               border-radius: ${token.borderRadius}px;
-//               overflow: hidden;
-//               font-size: 16px;
-//
-//               &:hover {
-//                   color: #333;
-//                   background: rgba(0, 0, 0, 0.08);
-//               }
-//           `} onClick={() => props?.onCreate?.()}>
-//             <PlusOutlined/>
-//           </a> : undefined}
-//         </Flux>
-//       </div>
-//       {appModuleLoading ? <Skeleton style={{
-//         minHeight: 400,
-//         padding: '5px 16px'
-//       }} active/> : <div
-//         style={{
-//           flexGrow: 1,
-//           overflowX: 'hidden',
-//           overflowY: 'auto'
-//         }}
-//         className={css`
-//             .ant-tree-treenode {
-//                 &:before {
-//                     bottom: 0 !important;
-//                 }
-//
-//                 padding: 1px 0 !important;
-//                 margin: 0 !important;
-//             }
-//
-//             .ant-tree-node-content-wrapper {
-//                 padding: 0 4px !important;
-//             }
-//
-//             .ant-tree-switcher {
-//                 &:before {
-//                     display: none;
-//                 }
-//
-//                 width: 18px !important;
-//                 margin: 0 0 0 10px !important;
-//             }
-//
-//             .ant-tree-switcher-noop {
-//                 width: 0 !important;
-//             }
-//
-//             .ant-tree-indent {
-//                 width: 0 !important;
-//             }
-//         `}>
-//         <Tree.DirectoryTree
-//           style={{
-//             background: '#fff'
-//           }}
-//           treeData={appModuleItems as never}
-//           icon={false}
-//           showIcon={false}
-//           blockNode={true}
-//           switcherIcon={<CaretDownOutlined style={{
-//             fontSize: token.fontSize - 1
-//           }}/>}
-//           onSelect={(e) => {
-//             onSelectItem(e.toString());
-//           }}
-//         />
-//       </div>}
-//     </ConfigProvider>
-//   </App>;
-// };
-//
-// export default Component;