fix: antd select should not have max-width by default (#112)

alibaba · Jun 16, 2019 · b4a494a · b4a494a
1 parent 7923e91
commit b4a494a
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 5 deletions.
diff --git a/docs/Examples/antd/Detail.md b/docs/Examples/antd/Detail.md
@@ -66,6 +66,7 @@ const App = () => {
                 { label: '选项4', value: '4' }
               ]}
               required
+              x-props={{ style: { maxWidth: 300 } }}
               title="Select单选"
               name="select"
             />
@@ -82,7 +83,7 @@ const App = () => {
             ]}
             required
             title="Select多选"
-            x-props={{ multiple: true }}
+            x-props={{ multiple: true, style: { maxWidth: 300 } }}
             name="multiselect"
           />
           <Field

diff --git a/docs/Examples/antd/International.md b/docs/Examples/antd/International.md
@@ -35,6 +35,7 @@ ReactDOM.render(
           type="string"
           enum={['1', '2', '3', '4']}
           required
+          x-props={{ style: { maxWidth: 300 } }}
           title="Select"
           name="select"
         />
@@ -122,6 +123,7 @@ ReactDOM.render(
           type="string"
           enum={['1', '2', '3', '4']}
           required
+          x-props={{ style: { maxWidth: 300 } }}
           title="Select"
           name="select"
         />

diff --git a/docs/Examples/antd/Relations.md b/docs/Examples/antd/Relations.md
@@ -170,7 +170,7 @@ const App = () => {
             title="GG"
             x-props={{ showSearch: true, filterLocal: false }}
           />
-          <Field name="hh" type="string" title="HH" enum={[]} />
+          <Field name="hh" type="string" title="HH" enum={[]} x-props={{ style: { maxWidth: 300 } }} />
           {state.visible && <Field name="mm" type="string" title="MM" />}
         </FormBlock>
         <FormButtonGroup offset={6}>

diff --git a/docs/Examples/antd/Sample.md b/docs/Examples/antd/Sample.md
@@ -54,6 +54,7 @@ ReactDOM.render(
         required
         title="Select"
         name="select"
+        x-props={{ style: { maxWidth: 300 } }}
       />
       <Field
         type="checkbox"

diff --git a/packages/antd/src/utils.js b/packages/antd/src/utils.js
@@ -25,8 +25,7 @@ const WrapSelect = styled(
     }
   }
 )`
-  min-width: 200px;
-  max-width: 300px;
+  width: 100%;
 `
 
 const Text = styled(props => {
@@ -41,7 +40,9 @@ const Text = styled(props => {
   } else {
     value = Array.isArray(props.value)
       ? props.value.join(' ~ ')
-      : String(props.value === undefined || props.value === null ? '' : props.value)
+      : String(
+        props.value === undefined || props.value === null ? '' : props.value
+      )
   }
   return (
     <div className={`${props.className} ${props.size || ''} text-field`}>