@bit-sun/business-component 2.4.19 → 2.4.21

package/src/components/Business/BsLayouts/Components/AllFunc/drawContent.tsx

@@ -1,112 +1,112 @@
-// @ts-nocheck
-import { List, Tooltip } from 'antd';
-import React, { useEffect, useState, } from 'react';
-import { Link, formatMessage } from 'umi';
-import './index.less';
-import classNames from 'classnames';
-import right from '../../../../../assets/right.png';
-import ENUM from '@/utils/enumConfig';
-export type SiderTheme = 'light' | 'dark';
-
-const DrawContent = ({onClose, itemPath}: any) => {
-  const routes = JSON.parse(localStorage.getItem(`customerMenu_${itemPath}_front`) || '[]');
-  const btnAuth = JSON.parse(localStorage.getItem(ENUM.BROWSER_CACHE.MAIN_AUTH_CODES) || '[]');
-  const [homepageData, sethomepageData]: any = useState([]);
-  const [routesData, setroutesData]: any = useState([]);
-
-  useEffect(() => {
-    const homepageDataList: any[] = []; //不含子集的菜单
-    const routesDataList: any[] = []; //含子集的菜单
-    routes.forEach(item => {
-      if (btnAuth.find((d: any) => d === item.code)) {
-      }
-      if (item.children) {
-        routesDataList.push(item);
-      } else {
-        homepageDataList.push(item);
-      }
-    })
-    sethomepageData(homepageDataList)
-    setroutesData(routesDataList)
-  }, []);
-
-  const renderChildItem = (child) => {
-    if (!child.hideInMenu && child.children) {
-      return (
-        <>
-          <List.Item style={{color: '#000', fontWeight: 'bold' }}>
-            {formatMessage({ id: `${child.locale}` })}
-          </List.Item>
-          {child.children.map((menuItem: any) => {
-            return renderChildItem(menuItem)
-          })}
-        </>
-      );
-    } else if (!child.hideInMenu && child.path) {
-      return (
-        <List.Item style={{ fontSize: '12px' }} className="allFuncOnMouserover">
-          <Link to={child.path} onClick={onClose}>
-            <Tooltip
-              title={formatMessage({ id: `${child.locale}` })}
-            >
-              {formatMessage({ id: `${child.locale}` }).length > 10
-                ? `${formatMessage({
-                  id: `${child.name}`,
-                }).slice(0, 10)}...`
-                : formatMessage({ id: `${child.locale}` })}
-            </Tooltip>
-            <img className="allFuncOnMouseroverImg" src={right}></img>
-          </Link>
-        </List.Item>
-      );
-    }
-  }
-
-
-  return (
-    <div className='allfunc_drawcontent'>
-    <p className={'drawerWarp_p'}>您的当前权限可以使用以下功能：</p>
-    <div className={'drawerWarp'}>
-      {homepageData && homepageData.filter((d) => !d.hideInMenu).length > 0 && (
-        <List
-          className={classNames('allFunsList', 'allFunsListWarp')}
-          dataSource={homepageData}
-          renderItem={(child: any) => {
-            if (!child.hideInMenu && child.path) {
-              return (
-                <div className={classNames('allFunsListWarp')}>
-                  <List.Item
-                    className={classNames('allFuncOnMouserover')}
-                    style={{ padding: '12px 24px' }}
-                  >
-                    <Link to={child.path} onClick={onClose}>
-                      {formatMessage({ id: `${child.name}` })}
-                      <img className="allFuncOnMouseroverImg" src={right}></img>
-                    </Link>
-                  </List.Item>
-                </div>
-              );
-            }
-          }}
-        />
-      )}
-      {routesData.map((item, index) => {
-        return (
-          <List
-            className={classNames('allFunsList', 'allFunsListWarp')}
-            style={{color: '#005CFF'}}
-            header={<b>{formatMessage({ id: `${item.name}` })}</b>}
-            bordered
-            dataSource={item.children}
-            renderItem={(child: any) => {
-              return renderChildItem(child)
-            }}
-          />
-        );
-      })}
-    </div>
-  </div>
-  )
-}
-
+// @ts-nocheck
+import { List, Tooltip } from 'antd';
+import React, { useEffect, useState, } from 'react';
+import { Link, formatMessage } from 'umi';
+import './index.less';
+import classNames from 'classnames';
+import right from '../../../../../assets/right.png';
+import ENUM from '@/utils/enumConfig';
+export type SiderTheme = 'light' | 'dark';
+
+const DrawContent = ({onClose, itemPath}: any) => {
+  const routes = JSON.parse(localStorage.getItem(`customerMenu_${itemPath}_front`) || '[]');
+  const btnAuth = JSON.parse(localStorage.getItem(ENUM.BROWSER_CACHE.MAIN_AUTH_CODES) || '[]');
+  const [homepageData, sethomepageData]: any = useState([]);
+  const [routesData, setroutesData]: any = useState([]);
+
+  useEffect(() => {
+    const homepageDataList: any[] = []; //不含子集的菜单
+    const routesDataList: any[] = []; //含子集的菜单
+    routes.forEach(item => {
+      if (btnAuth.find((d: any) => d === item.code)) {
+      }
+      if (item.children) {
+        routesDataList.push(item);
+      } else {
+        homepageDataList.push(item);
+      }
+    })
+    sethomepageData(homepageDataList)
+    setroutesData(routesDataList)
+  }, []);
+
+  const renderChildItem = (child) => {
+    if (!child.hideInMenu && child.children) {
+      return (
+        <>
+          <List.Item style={{color: '#000', fontWeight: 'bold' }}>
+            {formatMessage({ id: `${child.locale}` })}
+          </List.Item>
+          {child.children.map((menuItem: any) => {
+            return renderChildItem(menuItem)
+          })}
+        </>
+      );
+    } else if (!child.hideInMenu && child.path) {
+      return (
+        <List.Item style={{ fontSize: '12px' }} className="allFuncOnMouserover">
+          <Link to={child.path} onClick={onClose}>
+            <Tooltip
+              title={formatMessage({ id: `${child.locale}` })}
+            >
+              {formatMessage({ id: `${child.locale}` }).length > 10
+                ? `${formatMessage({
+                  id: `${child.name}`,
+                }).slice(0, 10)}...`
+                : formatMessage({ id: `${child.locale}` })}
+            </Tooltip>
+            <img className="allFuncOnMouseroverImg" src={right}></img>
+          </Link>
+        </List.Item>
+      );
+    }
+  }
+
+
+  return (
+    <div className='allfunc_drawcontent'>
+    <p className={'drawerWarp_p'}>您的当前权限可以使用以下功能：</p>
+    <div className={'drawerWarp'}>
+      {homepageData && homepageData.filter((d) => !d.hideInMenu).length > 0 && (
+        <List
+          className={classNames('allFunsList', 'allFunsListWarp')}
+          dataSource={homepageData}
+          renderItem={(child: any) => {
+            if (!child.hideInMenu && child.path) {
+              return (
+                <div className={classNames('allFunsListWarp')}>
+                  <List.Item
+                    className={classNames('allFuncOnMouserover')}
+                    style={{ padding: '12px 24px' }}
+                  >
+                    <Link to={child.path} onClick={onClose}>
+                      {formatMessage({ id: `${child.name}` })}
+                      <img className="allFuncOnMouseroverImg" src={right}></img>
+                    </Link>
+                  </List.Item>
+                </div>
+              );
+            }
+          }}
+        />
+      )}
+      {routesData.map((item, index) => {
+        return (
+          <List
+            className={classNames('allFunsList', 'allFunsListWarp')}
+            style={{color: '#005CFF'}}
+            header={<b>{formatMessage({ id: `${item.name}` })}</b>}
+            bordered
+            dataSource={item.children}
+            renderItem={(child: any) => {
+              return renderChildItem(child)
+            }}
+          />
+        );
+      })}
+    </div>
+  </div>
+  )
+}
+
 export default DrawContent;

package/src/components/Business/BsLayouts/Components/AllFunc/index.less

@@ -1,153 +1,153 @@
-
-
-.menu {
-  .anticon {
-    margin-right: 8px;
-  }
-  .ant-dropdown-menu-item {
-    min-width: 160px;
-  }
-}
-
-.right {
-  display: flex;
-  float: right;
-  height: 48px;
-  margin-left: auto;
-  overflow: hidden;
-  .action {
-    display: flex;
-    align-items: center;
-    height: 48px;
-    padding: 0 12px;
-    cursor: pointer;
-    transition: all 0.3s;
-    > span {
-      vertical-align: middle;
-    }
-    &:hover {
-      background: rgba(0, 0, 0, 0.025);
-    }
-    .opened {
-      background: rgba(0, 0, 0, 0.025);
-    }
-  }
-  .search {
-    padding: 0 12px;
-    &:hover {
-      background: transparent;
-    }
-  }
-  .account {
-    .avatar {
-      margin-right: 8px;
-      color: #1890ff;
-      vertical-align: top;
-      background: rgba(255, 255, 255, 0.85);
-    }
-  }
-}
-
-.dark {
-  .action {
-    &:hover {
-      background: #252a3d;
-    }
-    .opened {
-      background: #252a3d;
-    }
-  }
-}
-
-.warp_allfunc {
-  z-index: 100;
-  
-  
-  .drawerWarp {
-    column-count: 4;
-  }
-  
-  .drawer_header_warp {
-    .ant-list-header {
-      padding: 0 0 0 10px !important;
-      line-height: 40px;
-      border: 0px !important;
-      b {
-        width: 100%;
-        display: inline-block;
-        border-bottom: 1px solid #f0f0f0;
-      }
-    }
-    .ant-list-item {
-      padding: 0 0 0 10px !important;
-      line-height: 30px !important;
-    }
-  
-    .ant-drawer-close {
-      position: absolute;
-      right: 0;
-    }
-  }
-  
-  
-  
-  .p {
-    color: #b1bad4;
-    font-weight: 400;
-    font-size: 12px;
-    margin-bottom: 10px;
-    font-family: PingFangSC, PingFangSC-Regular;
-    line-height: 16px;
-    text-align: left;
-    opacity: 0.8;
-    user-select: none;
-    text-align: center;
-    margin-left: 8px;
-  }
-  
-  .btn {
-    display: flex;
-    align-items: center;
-    height: 44px;
-    color: #b1bad4;
-    background: #10234c;
-    border-radius: 8px;
-    width: 130px;
-    user-select: none;
-  }
-  .btn:hover,
-  .btnSpan1:hover,
-  .btnSpan2:hover {
-    cursor: pointer;
-    color: #b1bad4;
-  }
-
-  .btnSpan1 {
-    margin: 0 7px;
-  }
-}
-
-.allfunc_drawcontent {
-  .allFunsList {
-    margin-bottom: 10px;
-  }
-  
-  .allFunsListWarp {
-    width: 200px;
-    margin-right: 10px;
-    border-radius: 4px;
-  
-    break-inside: avoid;
-  }
-  
-  .drawerWarp_p {
-    color: #8c8c8c;
-    font-weight: 400;
-    font-size: 14px;
-    font-family: PingFangSC, PingFangSC-Regular;
-    line-height: 20px;
-    text-align: left;
-  }
-}
-
-
+
+
+.menu {
+  .anticon {
+    margin-right: 8px;
+  }
+  .ant-dropdown-menu-item {
+    min-width: 160px;
+  }
+}
+
+.right {
+  display: flex;
+  float: right;
+  height: 48px;
+  margin-left: auto;
+  overflow: hidden;
+  .action {
+    display: flex;
+    align-items: center;
+    height: 48px;
+    padding: 0 12px;
+    cursor: pointer;
+    transition: all 0.3s;
+    > span {
+      vertical-align: middle;
+    }
+    &:hover {
+      background: rgba(0, 0, 0, 0.025);
+    }
+    .opened {
+      background: rgba(0, 0, 0, 0.025);
+    }
+  }
+  .search {
+    padding: 0 12px;
+    &:hover {
+      background: transparent;
+    }
+  }
+  .account {
+    .avatar {
+      margin-right: 8px;
+      color: #1890ff;
+      vertical-align: top;
+      background: rgba(255, 255, 255, 0.85);
+    }
+  }
+}
+
+.dark {
+  .action {
+    &:hover {
+      background: #252a3d;
+    }
+    .opened {
+      background: #252a3d;
+    }
+  }
+}
+
+.warp_allfunc {
+  z-index: 100;
+  
+  
+  .drawerWarp {
+    column-count: 4;
+  }
+  
+  .drawer_header_warp {
+    .ant-list-header {
+      padding: 0 0 0 10px !important;
+      line-height: 40px;
+      border: 0px !important;
+      b {
+        width: 100%;
+        display: inline-block;
+        border-bottom: 1px solid #f0f0f0;
+      }
+    }
+    .ant-list-item {
+      padding: 0 0 0 10px !important;
+      line-height: 30px !important;
+    }
+  
+    .ant-drawer-close {
+      position: absolute;
+      right: 0;
+    }
+  }
+  
+  
+  
+  .p {
+    color: #b1bad4;
+    font-weight: 400;
+    font-size: 12px;
+    margin-bottom: 10px;
+    font-family: PingFangSC, PingFangSC-Regular;
+    line-height: 16px;
+    text-align: left;
+    opacity: 0.8;
+    user-select: none;
+    text-align: center;
+    margin-left: 8px;
+  }
+  
+  .btn {
+    display: flex;
+    align-items: center;
+    height: 44px;
+    color: #b1bad4;
+    background: #10234c;
+    border-radius: 8px;
+    width: 130px;
+    user-select: none;
+  }
+  .btn:hover,
+  .btnSpan1:hover,
+  .btnSpan2:hover {
+    cursor: pointer;
+    color: #b1bad4;
+  }
+
+  .btnSpan1 {
+    margin: 0 7px;
+  }
+}
+
+.allfunc_drawcontent {
+  .allFunsList {
+    margin-bottom: 10px;
+  }
+  
+  .allFunsListWarp {
+    width: 200px;
+    margin-right: 10px;
+    border-radius: 4px;
+  
+    break-inside: avoid;
+  }
+  
+  .drawerWarp_p {
+    color: #8c8c8c;
+    font-weight: 400;
+    font-size: 14px;
+    font-family: PingFangSC, PingFangSC-Regular;
+    line-height: 20px;
+    text-align: left;
+  }
+}
+
+

package/src/components/Business/BsLayouts/Components/AllFunc/index.tsx

@@ -1,70 +1,70 @@
-
-// @ts-nocheck
-import { Drawer } from 'antd';
-import React, { useEffect, useState, forwardRef, useImperativeHandle } from 'react';
-import './index.less';
-import allfunc from '../../../../../assets/allfunc.svg';
-import DrawContent from './drawContent';
-export type SiderTheme = 'light' | 'dark';
-
-const AllFunc: any = forwardRef(({ isCollapse, handleClose, itemPath }: any, ref) => {
-  const [isDrawer, setIsDrawer]: any = useState(false);
-  useImperativeHandle(ref, () => ({
-    close: () => {
-      setIsDrawer(false)
-    }
-  }));
-
-  useEffect(() => {
-    if (isCollapse) {
-      setIsDrawer(false);
-    }
-  }, [isCollapse]);
-  const showDrawer = (e) => {
-    if (isCollapse) {
-      return;
-    }
-    handleClose()
-    e.stopPropagation();
-    setIsDrawer(!isDrawer);
-  };
-  const onClose = () => {
-    setIsDrawer(!isDrawer);
-  };
-
-
-  return (
-    <div
-      className={'warp_allfunc'}
-      onClick={(e: any) => {
-        e.stopPropagation();
-      }}
-      style={{ opacity: isCollapse ? '0' : '1' }}
-    >
-      <p className={'p'}>没有找到想要的功能？</p>
-
-      <p className={'btn'} onClick={showDrawer}>
-        <span className={'btnSpan1'}>
-          <img style={{marginTop: '-2px'}} width={18} src={allfunc} />
-        </span>
-        <span className={'btnSpan2'}>查看全部功能</span>
-      </p>
-      {!isCollapse && (
-        <Drawer
-          style={{ left: isDrawer ? 140 : 0, top:50 }}
-          destroyOnClose
-          title={<span style={{ fontWeight: 'bold', fontSize: 18 }}>全部功能</span>}
-          zIndex={19}
-          width={850}
-          className={'drawer_header_warp'}
-          placement="left"
-          onClose={onClose}
-          visible={isDrawer}
-        >
-         <DrawContent itemPath={itemPath} onClose={onClose} />
-        </Drawer>
-      )}
-    </div>
-  );
-});
-export default AllFunc;
+
+// @ts-nocheck
+import { Drawer } from 'antd';
+import React, { useEffect, useState, forwardRef, useImperativeHandle } from 'react';
+import './index.less';
+import allfunc from '../../../../../assets/allfunc.svg';
+import DrawContent from './drawContent';
+export type SiderTheme = 'light' | 'dark';
+
+const AllFunc: any = forwardRef(({ isCollapse, handleClose, itemPath }: any, ref) => {
+  const [isDrawer, setIsDrawer]: any = useState(false);
+  useImperativeHandle(ref, () => ({
+    close: () => {
+      setIsDrawer(false)
+    }
+  }));
+
+  useEffect(() => {
+    if (isCollapse) {
+      setIsDrawer(false);
+    }
+  }, [isCollapse]);
+  const showDrawer = (e) => {
+    if (isCollapse) {
+      return;
+    }
+    handleClose()
+    e.stopPropagation();
+    setIsDrawer(!isDrawer);
+  };
+  const onClose = () => {
+    setIsDrawer(!isDrawer);
+  };
+
+
+  return (
+    <div
+      className={'warp_allfunc'}
+      onClick={(e: any) => {
+        e.stopPropagation();
+      }}
+      style={{ opacity: isCollapse ? '0' : '1' }}
+    >
+      <p className={'p'}>没有找到想要的功能？</p>
+
+      <p className={'btn'} onClick={showDrawer}>
+        <span className={'btnSpan1'}>
+          <img style={{marginTop: '-2px'}} width={18} src={allfunc} />
+        </span>
+        <span className={'btnSpan2'}>查看全部功能</span>
+      </p>
+      {!isCollapse && (
+        <Drawer
+          style={{ left: isDrawer ? 140 : 0, top:50 }}
+          destroyOnClose
+          title={<span style={{ fontWeight: 'bold', fontSize: 18 }}>全部功能</span>}
+          zIndex={19}
+          width={850}
+          className={'drawer_header_warp'}
+          placement="left"
+          onClose={onClose}
+          visible={isDrawer}
+        >
+         <DrawContent itemPath={itemPath} onClose={onClose} />
+        </Drawer>
+      )}
+    </div>
+  );
+});
+export default AllFunc;