@hw-component/form 1.9.87 → 1.9.89

package/src/pages/Select/index.tsx

@@ -1,12 +1,12 @@
-import { HSelect ,HTagSelect} from "../../components";
+import { HSelect, HTagSelect } from "../../components";
 import { Form, Space } from "antd";
 import { useEffect, useState } from "react";
 export default () => {
   const [selectVal, setSelectVal] = useState([{ name: "11", id: -100 }]);
   const [op, setOp] = useState([{ label: "1", value: 1 }]);
   const [val, setVal] = useState([2, 3]);
-    const [tagVal, setTagVal] = useState([]);
-
+  const [tagVal, setTagVal] = useState([]);
+  const [visible, setVisible] = useState(true);
   return (
     <Space size={"large"} direction={"vertical"} style={{ width: "100%" }}>
       <HSelect
@@ -40,33 +40,41 @@ export default () => {
       />
       <HSelect
         value={val}
-        onChange={(v,opts) => {
-            console.log(v,opts)
+        onChange={(v, opts) => {
+          console.log(v, opts);
           setVal(v);
         }}
         mode="multiple"
       />
-        <HTagSelect
-            value={tagVal}
-            collapseProps={{
-                defaultActiveKey:'1'
-            }}
-            request={()=>{
-                return new Promise((resolve, reject)=>{
-                    setTimeout(()=>{
-                       resolve([])
-                    },3000)
-                })
-            }}
-            onChange={(value, opts)=>{
-                setTagVal(value);
-                console.log(value,opts)
-            }}
-            fieldNames={{
-                label:"value",
-                value:"key"
-            }}
-        />
+      <div
+        onClick={() => {
+          setVisible(false);
+        }}
+      >
+        关闭
+      </div>
+      <HTagSelect
+        value={tagVal}
+        visible={visible}
+        onVisibleChange={(v) => {
+          console.log(v);
+        }}
+        request={() => {
+          return new Promise((resolve, reject) => {
+            setTimeout(() => {
+              resolve([]);
+            }, 3000);
+          });
+        }}
+        onChange={(value, opts) => {
+          setTagVal(value);
+          console.log(value, opts);
+        }}
+        fieldNames={{
+          label: "value",
+          value: "key",
+        }}
+      />
       <div
         onClick={() => {
           setOp([{ label: "2", value: 2 }]);