@bit-sun/business-component 2.4.24 → 2.4.26-beta01

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;

package/src/components/Business/BsLayouts/Components/CustomerMenu/MenuSetting/index.less

@@ -1,90 +1,90 @@
-.setting_content>div {
-  width: 50%;
-  box-sizing: border-box;
-  // float: left;
-  margin: 0 10px;
-}
-
-.setting_content {
-  display: flex;
-}
-
-
-.tree_title {
-  height: 50px;
-}
-
-.tree_content {
-  height: 400px;
-  overflow: auto;
-  border: 1px solid #d9d9d9;
-  padding: 5px;
-}
-
-.setting_content::after {
-  clear: both;
-  display: block;
-  content: '';
-}
-
-.choosed_label_color {
-  color: #f50;
-}
-
-.left_tree_content {
-  .ant-tree .ant-tree-node-content-wrapper {
-    flex-grow: 1;
-    .ant-tree-title {
-      width: 100%;
-    }
-  }
-  .ant-tree .ant-tree-treenode {
-    width: 100%;
-  }
-}
-
-.right_tree_content, .left_tree_content {
-  .ant-tree .ant-tree-node-content-wrapper {
-    display: flex;
-    margin-left: -3px;
-  }
-  .ant-tree-checkbox {
-      top: auto;
-      top: initial;
-      // margin: 4px 3px 0 0 !important;
-  }
-}
-
-.node_title_content:hover {
-  .right_arrow {
-    display: block !important;
-  }
-}
-
-.right_arrow {
-  float: right;
-  display: none;
-  color: #999999;
-  margin-right: 10px;
-}
-
-
-
-.right_tree_content {
-  .ant-tree-title {
-    width: 100%;
-    display: inline-block;
-    padding-right: 10px;
-  }
-  .ant-dropdown-trigger {
-    color: gray !important;
-  }
-  .tree_node_title {
-    font-size: 20px;
-    color: #d9d9d9;
-    float: right;
-    span {
-      margin-right: 5px;
-    }
-  }
-}
+.setting_content>div {
+  width: 50%;
+  box-sizing: border-box;
+  // float: left;
+  margin: 0 10px;
+}
+
+.setting_content {
+  display: flex;
+}
+
+
+.tree_title {
+  height: 50px;
+}
+
+.tree_content {
+  height: 400px;
+  overflow: auto;
+  border: 1px solid #d9d9d9;
+  padding: 5px;
+}
+
+.setting_content::after {
+  clear: both;
+  display: block;
+  content: '';
+}
+
+.choosed_label_color {
+  color: #f50;
+}
+
+.left_tree_content {
+  .ant-tree .ant-tree-node-content-wrapper {
+    flex-grow: 1;
+    .ant-tree-title {
+      width: 100%;
+    }
+  }
+  .ant-tree .ant-tree-treenode {
+    width: 100%;
+  }
+}
+
+.right_tree_content, .left_tree_content {
+  .ant-tree .ant-tree-node-content-wrapper {
+    display: flex;
+    margin-left: -3px;
+  }
+  .ant-tree-checkbox {
+      top: auto;
+      top: initial;
+      // margin: 4px 3px 0 0 !important;
+  }
+}
+
+.node_title_content:hover {
+  .right_arrow {
+    display: block !important;
+  }
+}
+
+.right_arrow {
+  float: right;
+  display: none;
+  color: #999999;
+  margin-right: 10px;
+}
+
+
+
+.right_tree_content {
+  .ant-tree-title {
+    width: 100%;
+    display: inline-block;
+    padding-right: 10px;
+  }
+  .ant-dropdown-trigger {
+    color: gray !important;
+  }
+  .tree_node_title {
+    font-size: 20px;
+    color: #d9d9d9;
+    float: right;
+    span {
+      margin-right: 5px;
+    }
+  }
+}

package/src/components/Business/BsLayouts/Components/CustomerMenu/MenuSetting/index.tsx

@@ -1,38 +1,38 @@
-import React, {
-  useState,
-  forwardRef,
-  useImperativeHandle
-} from "react";
-import './index.less';
-import LeftTree from "./leftTree";
-import RightTree from "./rightTree";
- 
-const MenuSetting = forwardRef(({actionRef, originRoutes, itemPath}: any, ref) => {
-
-  const [customerMenuData, setCustomerMenuData] = useState(
-    JSON.parse( localStorage.getItem(`customerMenu_${itemPath}_front`) || '[]')
-  );
-
-  useImperativeHandle(ref, () => ({
-    saveMenuData: () => {
-      localStorage.setItem(`customerMenu_${itemPath}_front`, JSON.stringify(customerMenuData));
-      actionRef.current?.reload();
-    },
-  }));
-
-  return (
-    <div className={'setting_content'}>
-      <LeftTree
-        originRoutes={originRoutes}
-        customerMenuData={customerMenuData}
-        setCustomerMenuData={setCustomerMenuData}
-      />
-      <RightTree 
-        customerMenuData={customerMenuData}
-        setCustomerMenuData={setCustomerMenuData}
-      />
-    </div>
-  )
-})
-
+import React, {
+  useState,
+  forwardRef,
+  useImperativeHandle
+} from "react";
+import './index.less';
+import LeftTree from "./leftTree";
+import RightTree from "./rightTree";
+ 
+const MenuSetting = forwardRef(({actionRef, originRoutes, itemPath}: any, ref) => {
+
+  const [customerMenuData, setCustomerMenuData] = useState(
+    JSON.parse( localStorage.getItem(`customerMenu_${itemPath}_front`) || '[]')
+  );
+
+  useImperativeHandle(ref, () => ({
+    saveMenuData: () => {
+      localStorage.setItem(`customerMenu_${itemPath}_front`, JSON.stringify(customerMenuData));
+      actionRef.current?.reload();
+    },
+  }));
+
+  return (
+    <div className={'setting_content'}>
+      <LeftTree
+        originRoutes={originRoutes}
+        customerMenuData={customerMenuData}
+        setCustomerMenuData={setCustomerMenuData}
+      />
+      <RightTree 
+        customerMenuData={customerMenuData}
+        setCustomerMenuData={setCustomerMenuData}
+      />
+    </div>
+  )
+})
+
 export default MenuSetting;