@bit-sun/business-component 2.4.19 → 2.4.21

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

@@ -1,76 +1,76 @@
-// @ts-nocheck
-import { Button, Drawer, Input, } from 'antd';
-import React, { useRef, useState } from 'react';
-import './index.less';
-export type SiderTheme = 'light' | 'dark';
-export type GlobalHeaderRightProps = {
-  menu?: boolean;
-};
-import { history } from 'umi';
-import {
-  searchMenuData,
-} from '../../utils';
-
-const AllFunc: React.FC<GlobalHeaderRightProps> = (props: any) => {
-
-  const [keyWard, setKeyWord]: any = useState('');
-  const [routesData, setroutesData]: any = useState([]);
-  const menuData = JSON.parse(localStorage.getItem(`customerMenu_${props.itemPath}_front`) || '[]');
-
-  const onClose = () => {
-    props.onClose();
-  };
-
-  const inputRef: any = useRef("")
-
-  return (
-    <>
-      <Drawer
-        {...props}
-        destroyOnClose
-        zIndex={19}
-        style={{ left: props.visible ? 140 : 0, color: '#000' }}
-        title={<span style={{ fontWeight: 'bold', fontSize: 18 }}>{props.title}</span>}
-        placement="left"
-        onClose={onClose}
-      >
-        <div>
-          <div className={'searchTop'}>
-            <Input placeholder='请搜索'
-              onKeyDown={(e: any) => {
-                if (e.keyCode === 13) {
-                  searchMenuData(menuData, inputRef.current.input.value, setroutesData)
-                  setKeyWord(inputRef.current.input.value)
-                }
-              }}
-              allowClear
-              ref={inputRef}
-              className={'searchTopInp'}></Input>
-            <Button style={{height: '40px'}} onClick={() => {
-              searchMenuData(menuData, inputRef.current.input.value, setroutesData);
-              setKeyWord(inputRef.current.input.value)
-
-            }} type="primary" className={'searchTopBtn'}>
-              搜索
-            </Button>
-          </div>
-          <div className={'contentWarp'}>
-            <div> 搜索“ {keyWard}”，共收到  <span className={'themeColor'}>{routesData.length || 0}</span> 条结果 </div>
-            <div className={'serachView'}>您是否要搜索...</div>
-          </div>
-          <div className={'content'}>
-            {
-              routesData.map((item: any) => (
-                <div onClick={() => {
-                  history.push(item.path)
-                  onClose()
-                }} key={item.path}>{item.name}</div>
-              ))
-            }
-          </div>
-        </div>
-      </Drawer>
-    </>
-  );
-};
+// @ts-nocheck
+import { Button, Drawer, Input, } from 'antd';
+import React, { useRef, useState } from 'react';
+import './index.less';
+export type SiderTheme = 'light' | 'dark';
+export type GlobalHeaderRightProps = {
+  menu?: boolean;
+};
+import { history } from 'umi';
+import {
+  searchMenuData,
+} from '../../utils';
+
+const AllFunc: React.FC<GlobalHeaderRightProps> = (props: any) => {
+
+  const [keyWard, setKeyWord]: any = useState('');
+  const [routesData, setroutesData]: any = useState([]);
+  const menuData = JSON.parse(localStorage.getItem(`customerMenu_${props.itemPath}_front`) || '[]');
+
+  const onClose = () => {
+    props.onClose();
+  };
+
+  const inputRef: any = useRef("")
+
+  return (
+    <>
+      <Drawer
+        {...props}
+        destroyOnClose
+        zIndex={19}
+        style={{ left: props.visible ? 140 : 0, color: '#000' }}
+        title={<span style={{ fontWeight: 'bold', fontSize: 18 }}>{props.title}</span>}
+        placement="left"
+        onClose={onClose}
+      >
+        <div>
+          <div className={'searchTop'}>
+            <Input placeholder='请搜索'
+              onKeyDown={(e: any) => {
+                if (e.keyCode === 13) {
+                  searchMenuData(menuData, inputRef.current.input.value, setroutesData)
+                  setKeyWord(inputRef.current.input.value)
+                }
+              }}
+              allowClear
+              ref={inputRef}
+              className={'searchTopInp'}></Input>
+            <Button style={{height: '40px'}} onClick={() => {
+              searchMenuData(menuData, inputRef.current.input.value, setroutesData);
+              setKeyWord(inputRef.current.input.value)
+
+            }} type="primary" className={'searchTopBtn'}>
+              搜索
+            </Button>
+          </div>
+          <div className={'contentWarp'}>
+            <div> 搜索“ {keyWard}”，共收到  <span className={'themeColor'}>{routesData.length || 0}</span> 条结果 </div>
+            <div className={'serachView'}>您是否要搜索...</div>
+          </div>
+          <div className={'content'}>
+            {
+              routesData.map((item: any) => (
+                <div onClick={() => {
+                  history.push(item.path)
+                  onClose()
+                }} key={item.path}>{item.name}</div>
+              ))
+            }
+          </div>
+        </div>
+      </Drawer>
+    </>
+  );
+};
 export default AllFunc;

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

@@ -1,80 +1,80 @@
-.customer_menu_content {
-  color: #b1bad4;
-  background: #141620;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 18px;
-  height: 40px;
-  border-bottom: 1px solid #3d4047;
-  .ant-btn-link {
-    color:  #b1bad4 !important;
-    font-size: 16px;
-    height: 36px;
-  }
-}
-
-.menu_item {
-  line-height: 30px;
-  height: 30px;
-  color: rgba(44, 47, 46);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.link_style:hover {
-  background-color: #e4e7ed;
-  cursor: pointer;
-  color: #1890ff;
-}
-
-.sub_menu_content {
-  box-shadow: 2px 0px 4px 0px rgba(185,185,185, 0.5);
-  position: fixed;
-  top: 50px;
-  left: 140px;
-  width: 200px;
-  height: 100%;
-  background-color: #fff;
-  padding-top: 10px;
-  z-index: 9999;
-}
-
-.tab_left_operate {
-  display: flex;
-  height: 28px;
-  align-items: center;
-  &>div {
-    width: 28px;
-    font-size: 12px;
-    color: #2C2F2ECC;
-    height: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border-right: 1px solid #E4E4E4;
-    background-color: #fff;
-    cursor: pointer;
-  }
-  &>div:last-child {
-    box-shadow: 2px -2px 4px 0px rgba(185,185,185, 0.9);
-    z-index: 99;
-  }
-}
-
-.tab_right_operate {
-  height: 28px;
-  width: 28px;
-  font-size: 12px;
-  color: #2C2F2ECC;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-right: 1px solid #E4E4E4;
-  background-color: #fff;
-  box-shadow: -2px -2px 4px 0px rgba(185,185,185, 0.9);
-  z-index: 99;
-  cursor: pointer;
-  position: relative;
+.customer_menu_content {
+  color: #b1bad4;
+  background: #141620;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 18px;
+  height: 40px;
+  border-bottom: 1px solid #3d4047;
+  .ant-btn-link {
+    color:  #b1bad4 !important;
+    font-size: 16px;
+    height: 36px;
+  }
+}
+
+.menu_item {
+  line-height: 30px;
+  height: 30px;
+  color: rgba(44, 47, 46);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.link_style:hover {
+  background-color: #e4e7ed;
+  cursor: pointer;
+  color: #1890ff;
+}
+
+.sub_menu_content {
+  box-shadow: 2px 0px 4px 0px rgba(185,185,185, 0.5);
+  position: fixed;
+  top: 50px;
+  left: 140px;
+  width: 200px;
+  height: 100%;
+  background-color: #fff;
+  padding-top: 10px;
+  z-index: 9999;
+}
+
+.tab_left_operate {
+  display: flex;
+  height: 28px;
+  align-items: center;
+  &>div {
+    width: 28px;
+    font-size: 12px;
+    color: #2C2F2ECC;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-right: 1px solid #E4E4E4;
+    background-color: #fff;
+    cursor: pointer;
+  }
+  &>div:last-child {
+    box-shadow: 2px -2px 4px 0px rgba(185,185,185, 0.9);
+    z-index: 99;
+  }
+}
+
+.tab_right_operate {
+  height: 28px;
+  width: 28px;
+  font-size: 12px;
+  color: #2C2F2ECC;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-right: 1px solid #E4E4E4;
+  background-color: #fff;
+  box-shadow: -2px -2px 4px 0px rgba(185,185,185, 0.9);
+  z-index: 99;
+  cursor: pointer;
+  position: relative;
 }