chore: update Cacasder demo and remove array-tree-filter (ant-design#…

…33754)

* chore: upgrade rc-cacasder

* update snapshot

components/cascader/__tests__/__snapshots__/demo-extend.test.ts.snap

@@ -1524,7 +1524,7 @@ exports[`renders ./components/cascader/demo/lazy.md extend context correctly 1`]
 exports[`renders ./components/cascader/demo/multiple.md extend context correctly 1`] = `
 <div
   class="ant-select ant-cascader ant-select-multiple ant-select-allow-clear"
-  style="width:233px"
+  style="width:100%"
 >
   <div
     class="ant-select-selector"

components/cascader/__tests__/__snapshots__/demo.test.js.snap

@@ -612,7 +612,7 @@ exports[`renders ./components/cascader/demo/lazy.md correctly 1`] = `
 exports[`renders ./components/cascader/demo/multiple.md correctly 1`] = `
 <div
   class="ant-select ant-cascader ant-select-multiple ant-select-allow-clear"
-  style="width:233px"
+  style="width:100%"
 >
   <div
     class="ant-select-selector"

components/cascader/demo/multiple.md

@@ -51,18 +51,20 @@ const options = [
   },
 ];
 
-function onChange(value) {
-  console.log(value);
-}
+const App = () => {
+  const onChange = value => {
+    console.log(value);
+  };
+  return (
+    <Cascader
+      style={{ width: '100%' }}
+      options={options}
+      onChange={onChange}
+      multiple
+      maxTagCount="responsive"
+    />
+  );
+};
 
-ReactDOM.render(
-  <Cascader
-    style={{ width: 233 }}
-    options={options}
-    onChange={onChange}
-    multiple
-    maxTagCount="responsive"
-  />,
-  mountNode,
-);
+ReactDOM.render(<App />, mountNode);
 ```

package.json

@@ -115,7 +115,6 @@
     "@ant-design/react-slick": "~0.28.1",
     "@babel/runtime": "^7.12.5",
     "@ctrl/tinycolor": "^3.4.0",
-    "array-tree-filter": "^2.1.0",
     "classnames": "^2.2.6",
     "copy-to-clipboard": "^3.2.0",
     "lodash": "^4.17.21",