docs: reduce demo calendar/carousel/collapse (#25553)

* docs: reduce demo

* add

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

@@ -4199,7 +4199,7 @@ exports[`renders ./components/calendar/demo/notice-calendar.md correctly 1`] = `
 `;
 
 exports[`renders ./components/calendar/demo/select.md correctly 1`] = `
-<div>
+Array [
   <div
     class="ant-alert ant-alert-info ant-alert-no-icon"
     data-show="true"
@@ -4212,7 +4212,7 @@ exports[`renders ./components/calendar/demo/select.md correctly 1`] = `
     <span
       class="ant-alert-description"
     />
-  </div>
+  </div>,
   <div
     class="ant-picker-calendar ant-picker-calendar-full"
   >
@@ -5151,6 +5151,6 @@ exports[`renders ./components/calendar/demo/select.md correctly 1`] = `
         </div>
       </div>
     </div>
-  </div>
-</div>
+  </div>,
+]
 `;

components/calendar/demo/select.md

@@ -37,12 +37,12 @@ class App extends React.Component {
   render() {
     const { value, selectedValue } = this.state;
     return (
-      <div>
+      <>
         <Alert
           message={`You selected date: ${selectedValue && selectedValue.format('YYYY-MM-DD')}`}
         />
         <Calendar value={value} onSelect={this.onSelect} onPanelChange={this.onPanelChange} />
-      </div>
+      </>
     );
   }
 }

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

@@ -559,7 +559,7 @@ exports[`renders ./components/carousel/demo/fade.md correctly 1`] = `
 `;
 
 exports[`renders ./components/carousel/demo/position.md correctly 1`] = `
-<div>
+Array [
   <div
     class="ant-radio-group ant-radio-group-outline"
     style="margin-bottom:8px"
@@ -641,7 +641,7 @@ exports[`renders ./components/carousel/demo/position.md correctly 1`] = `
         Right
       </span>
     </label>
-  </div>
+  </div>,
   <div
     class="ant-carousel"
   >
@@ -854,6 +854,6 @@ exports[`renders ./components/carousel/demo/position.md correctly 1`] = `
         </li>
       </ul>
     </div>
-  </div>
-</div>
+  </div>,
+]
 `;

components/carousel/demo/position.md

@@ -26,7 +26,7 @@ class PositionCarouselDemo extends React.Component {
   render() {
     const { dotPosition } = this.state;
     return (
-      <div>
+      <>
         <Radio.Group
           onChange={this.handlePositionChange}
           value={dotPosition}
@@ -51,7 +51,7 @@ class PositionCarouselDemo extends React.Component {
             <h3>4</h3>
           </div>
         </Carousel>
-      </div>
+      </>
     );
   }
 }

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

@@ -460,7 +460,7 @@ exports[`renders ./components/collapse/demo/custom.md correctly 1`] = `
 `;
 
 exports[`renders ./components/collapse/demo/extra.md correctly 1`] = `
-<div>
+Array [
   <div
     class="ant-collapse ant-collapse-icon-position-left"
   >
@@ -651,11 +651,11 @@ exports[`renders ./components/collapse/demo/extra.md correctly 1`] = `
         </div>
       </div>
     </div>
-  </div>
-  <br />
+  </div>,
+  <br />,
   <span>
     Expand Icon Position: 
-  </span>
+  </span>,
   <div
     class="ant-select ant-select-single ant-select-show-arrow"
     style="margin:0 8px"
@@ -715,8 +715,8 @@ exports[`renders ./components/collapse/demo/extra.md correctly 1`] = `
         </svg>
       </span>
     </span>
-  </div>
-</div>
+  </div>,
+]
 `;
 
 exports[`renders ./components/collapse/demo/ghost.md correctly 1`] = `

components/collapse/demo/extra.md

@@ -51,7 +51,7 @@ class Demo extends React.Component {
   render() {
     const { expandIconPosition } = this.state;
     return (
-      <div>
+      <>
         <Collapse
           defaultActiveKey={['1']}
           onChange={callback}
@@ -77,7 +77,7 @@ class Demo extends React.Component {
           <Option value="left">left</Option>
           <Option value="right">right</Option>
         </Select>
-      </div>
+      </>
     );
   }
 }