@bit-sun/business-component 2.3.21 → 2.3.22

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;