Browse Source

multiSelectable = false 的时候不显示多选切换

visuddhinanda 3 years ago
parent
commit
9002d396ab
1 changed files with 16 additions and 11 deletions
  1. 16 11
      dashboard/src/components/corpus/BookTree.tsx

+ 16 - 11
dashboard/src/components/corpus/BookTree.tsx

@@ -16,6 +16,7 @@ interface IWidgetBookTree {
   root?: string;
   root?: string;
   path?: string[];
   path?: string[];
   multiSelect?: boolean;
   multiSelect?: boolean;
+  multiSelectable?: boolean;
   onChange?: Function;
   onChange?: Function;
   onSelect?: Function;
   onSelect?: Function;
   onRootChange?: Function;
   onRootChange?: Function;
@@ -24,6 +25,7 @@ const Widget = ({
   root = "default",
   root = "default",
   path,
   path,
   multiSelect = false,
   multiSelect = false,
+  multiSelectable = true,
   onChange,
   onChange,
   onSelect,
   onSelect,
   onRootChange,
   onRootChange,
@@ -81,6 +83,7 @@ const Widget = ({
           }}
           }}
         />
         />
       </Space>
       </Space>
+
       <Space style={{ display: "flex", justifyContent: "space-between" }}>
       <Space style={{ display: "flex", justifyContent: "space-between" }}>
         <Button
         <Button
           onClick={() => {
           onClick={() => {
@@ -92,18 +95,20 @@ const Widget = ({
         >
         >
           清除选择
           清除选择
         </Button>
         </Button>
-
-        <span>
-          {"多选"}
-          <Switch
-            size="small"
-            defaultChecked={multiSelect}
-            onChange={(checked) => {
-              setIsMultiSelect(checked);
-            }}
-          />
-        </span>
+        {multiSelectable ? (
+          <Space>
+            {"多选"}
+            <Switch
+              size="small"
+              defaultChecked={multiSelect}
+              onChange={(checked) => {
+                setIsMultiSelect(checked);
+              }}
+            />
+          </Space>
+        ) : undefined}
       </Space>
       </Space>
+
       <Tree
       <Tree
         selectedKeys={selectedKeys}
         selectedKeys={selectedKeys}
         multiple={isMultiSelect}
         multiple={isMultiSelect}