Revert "demo: update Grid、Table、Select demo (#47709)"

This reverts commit c01c1b5.
ant-design · Mar 6, 2024 · 33ce7fb · 33ce7fb
1 parent 0aa8371
commit 33ce7fb
Show file tree

Hide file tree

Showing 11 changed files with 149 additions and 233 deletions.
diff --git a/components/grid/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/grid/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -1500,16 +1500,14 @@ exports[`renders components/grid/demo/sort.tsx extend context correctly 1`] = `
 exports[`renders components/grid/demo/sort.tsx extend context correctly 2`] = `[]`;
 
 exports[`renders components/grid/demo/useBreakpoint.tsx extend context correctly 1`] = `
-<div
-  class="ant-flex ant-flex-wrap-wrap ant-flex-gap-small"
->
-  Current break point:
+Array [
+  Current break point: ,
   <span
     class="ant-tag ant-tag-blue"
   >
     xs
-  </span>
-</div>
+  </span>,
+]
 `;
 
 exports[`renders components/grid/demo/useBreakpoint.tsx extend context correctly 2`] = `[]`;
diff --git a/components/grid/__tests__/__snapshots__/demo.test.ts.snap b/components/grid/__tests__/__snapshots__/demo.test.ts.snap
@@ -1419,9 +1419,9 @@ exports[`renders components/grid/demo/sort.tsx correctly 1`] = `
 `;
 
 exports[`renders components/grid/demo/useBreakpoint.tsx correctly 1`] = `
-<div
-  class="ant-flex ant-flex-wrap-wrap ant-flex-gap-small"
->
-  Current break point:
-</div>
+Array [
+  Current break point:,
+  <!-- -->,
+   ,
+]
 `;
diff --git a/components/grid/demo/useBreakpoint.tsx b/components/grid/demo/useBreakpoint.tsx
@@ -1,21 +1,22 @@
 import React from 'react';
-import { Flex, Grid, Tag } from 'antd';
+import { Grid, Tag } from 'antd';
 
 const { useBreakpoint } = Grid;
 
 const App: React.FC = () => {
   const screens = useBreakpoint();
+
   return (
-    <Flex wrap="wrap" gap="small">
-      Current break point:
+    <>
+      Current break point:{' '}
       {Object.entries(screens)
         .filter((screen) => !!screen[1])
-        .map<React.ReactNode>((screen) => (
+        .map((screen) => (
           <Tag color="blue" key={screen[0]}>
             {screen[0]}
           </Tag>
         ))}
-    </Flex>
+    </>
   );
 };
 

diff --git a/components/select/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/select/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -1522,11 +1522,9 @@ exports[`renders components/select/demo/custom-tag-render.tsx extend context cor
         <span>
           <span
             class="ant-tag ant-tag-gold"
-            style="margin-inline-end: 4px;"
+            style="margin-right: 3px;"
           >
-            <span>
-              gold
-            </span>
+            gold
             <span
               aria-label="close"
               class="anticon anticon-close ant-tag-close-icon"
@@ -1558,11 +1556,9 @@ exports[`renders components/select/demo/custom-tag-render.tsx extend context cor
         <span>
           <span
             class="ant-tag ant-tag-cyan"
-            style="margin-inline-end: 4px;"
+            style="margin-right: 3px;"
           >
-            <span>
-              cyan
-            </span>
+            cyan
             <span
               aria-label="close"
               class="anticon anticon-close ant-tag-close-icon"
@@ -1661,13 +1657,12 @@ exports[`renders components/select/demo/custom-tag-render.tsx extend context cor
               <div
                 aria-selected="true"
                 class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
+                title="gold"
               >
                 <div
                   class="ant-select-item-option-content"
                 >
-                  <span>
-                    gold
-                  </span>
+                  gold
                 </div>
                 <span
                   aria-hidden="true"
@@ -1699,37 +1694,34 @@ exports[`renders components/select/demo/custom-tag-render.tsx extend context cor
               <div
                 aria-selected="false"
                 class="ant-select-item ant-select-item-option"
+                title="lime"
               >
                 <div
                   class="ant-select-item-option-content"
                 >
-                  <span>
-                    lime
-                  </span>
+                  lime
                 </div>
               </div>
               <div
                 aria-selected="false"
                 class="ant-select-item ant-select-item-option"
+                title="green"
               >
                 <div
                   class="ant-select-item-option-content"
                 >
-                  <span>
-                    green
-                  </span>
+                  green
                 </div>
               </div>
               <div
                 aria-selected="true"
                 class="ant-select-item ant-select-item-option ant-select-item-option-selected"
+                title="cyan"
               >
                 <div
                   class="ant-select-item-option-content"
                 >
-                  <span>
-                    cyan
-                  </span>
+                  cyan
                 </div>
                 <span
                   aria-hidden="true"

diff --git a/components/select/__tests__/__snapshots__/demo.test.tsx.snap b/components/select/__tests__/__snapshots__/demo.test.tsx.snap
@@ -718,11 +718,9 @@ exports[`renders components/select/demo/custom-tag-render.tsx correctly 1`] = `
         <span>
           <span
             class="ant-tag ant-tag-gold"
-            style="margin-inline-end:4px"
+            style="margin-right:3px"
           >
-            <span>
-              gold
-            </span>
+            gold
             <span
               aria-label="close"
               class="anticon anticon-close ant-tag-close-icon"
@@ -754,11 +752,9 @@ exports[`renders components/select/demo/custom-tag-render.tsx correctly 1`] = `
         <span>
           <span
             class="ant-tag ant-tag-cyan"
-            style="margin-inline-end:4px"
+            style="margin-right:3px"
           >
-            <span>
-              cyan
-            </span>
+            cyan
             <span
               aria-label="close"
               class="anticon anticon-close ant-tag-close-icon"

diff --git a/components/select/demo/custom-tag-render.tsx b/components/select/demo/custom-tag-render.tsx
@@ -4,12 +4,7 @@ import type { SelectProps } from 'antd';
 
 type TagRender = SelectProps['tagRender'];
 
-const options: SelectProps['options'] = [
-  { value: 'gold', label: <span>gold</span> },
-  { value: 'lime', label: <span>lime</span> },
-  { value: 'green', label: <span>green</span> },
-  { value: 'cyan', label: <span>cyan</span> },
-];
+const options = [{ value: 'gold' }, { value: 'lime' }, { value: 'green' }, { value: 'cyan' }];
 
 const tagRender: TagRender = (props) => {
   const { label, value, closable, onClose } = props;
@@ -23,7 +18,7 @@ const tagRender: TagRender = (props) => {
       onMouseDown={onPreventMouseDown}
       closable={closable}
       onClose={onClose}
-      style={{ marginInlineEnd: 4 }}
+      style={{ marginRight: 3 }}
     >
       {label}
     </Tag>