fix: DatePicker default placeholder remove "Please"

* fix: DatePicker default placeholder remove "Please" arco-design#2707 * fix: Remove the "please" in the placeholder of the demo component --------- Co-authored-by: changzhn <[email protected]>
xulingling0 · Jul 1, 2024 · 613245a · 613245a
1 parent d4dbc68
commit 613245a
Show file tree

Hide file tree

Showing 29 changed files with 173 additions and 138 deletions.
diff --git a/components/Input/__demo__/addon.md b/components/Input/__demo__/addon.md
@@ -21,8 +21,8 @@ const App = () => {
   return (
     <Space direction="vertical">
       <Space wrap>
-        <Input style={{ width: 350 }} addAfter="RMB" placeholder="Please enter" />
-        <Input style={{ width: 350 }} addBefore="+86" placeholder="Please enter" />
+        <Input style={{ width: 350 }} addAfter="RMB" placeholder="Enter amount" />
+        <Input style={{ width: 350 }} addBefore="+86" placeholder="Enter phone number" />
       </Space>
       <Space wrap>
         <Input
@@ -37,9 +37,9 @@ const App = () => {
             </Select>
           }
           allowClear
-          placeholder="Please enter"
+          placeholder="Enter host"
         />
-        <Input style={{ width: 350 }} addBefore="www." addAfter=".com" placeholder="Please enter" />
+        <Input style={{ width: 350 }} addBefore="www." addAfter=".com" placeholder="Enter host" />
       </Space>
     </Space>
   );

diff --git a/components/Input/__demo__/autoWidth.md b/components/Input/__demo__/autoWidth.md
@@ -24,22 +24,24 @@ const App = () => {
       </Divider>
 
       <Input
-        placeholder="Please Enter"
+        placeholder="Enter something"
         autoWidth={{ maxWidth: 500}}
       />
 
       <Divider>
         <Typography.Text code>{JSON.stringify({minWidth: 300, maxWidth: 500})}</Typography.Text>
       </Divider>
 
-      <Input autoWidth={{minWidth: 300, maxWidth: 500}}/>
+      <Input autoWidth={{minWidth: 300, maxWidth: 500}} placeholder="Enter something" />
       <br/><br/>
       <Input
+        placeholder="Enter something"
         prefix="Prefix"
         autoWidth={{minWidth: 300, maxWidth: 500}}
       />
       <br/><br/>
       <Input
+        placeholder="Enter something"
         addBefore="Before"
         prefix="Prefix"
         autoWidth={{minWidth: 300, maxWidth: 500}}

diff --git a/components/Input/__demo__/basic.md b/components/Input/__demo__/basic.md
@@ -17,7 +17,7 @@ Input content via mouse or keyboard.
 import { Input } from '@arco-design/web-react';
 
 const App = () => {
-  return <Input style={{ width: 350 }} allowClear  placeholder="Please Enter something" />;
+  return <Input style={{ width: 350 }} allowClear  placeholder="Enter something" />;
 };
 
 export default App;

diff --git a/components/Input/__demo__/group.md b/components/Input/__demo__/group.md
@@ -36,7 +36,7 @@ const App = () => {
               <Select.Option value="Tianjin">Tianjin</Select.Option>
               <Select.Option value="Shanghai">Shanghai</Select.Option>
             </Select>
-            <Input style={{ width: '75%' }} placeholder="Please enter an address" />
+            <Input style={{ width: '75%' }} placeholder="Enter an address" />
           </Input.Group>
         </div>
         <div

diff --git a/components/Input/__demo__/max-length.md b/components/Input/__demo__/max-length.md
@@ -31,13 +31,13 @@ function App() {
         <Input
           maxLength={10}
           showWordLimit
-          placeholder="Please enter no more than 10 letters"
+          placeholder="Enter no more than 10 letters"
           style={{ width: 300 }}
         />
         <Input.TextArea
           maxLength={50}
           showWordLimit
-          placeholder="Please enter no more than 50 letters"
+          placeholder="Enter no more than 50 letters"
           wrapperStyle={{ width: 300 }}
         />
       </Space>

diff --git a/components/Input/__demo__/normalize.md b/components/Input/__demo__/normalize.md
@@ -22,6 +22,7 @@ const App = () => {
       <div>
         <Typography.Paragraph>trim whitespace when out of focus：</Typography.Paragraph>
         <Input
+          placeholder="Enter something"
           onChange={v => { console.log('current value: ', v); }}
           normalizeTrigger={['onBlur']}
           normalize={v => v ? v.trim() : v}
@@ -32,6 +33,7 @@ const App = () => {
 
         <Typography.Paragraph>trim whitespace when press enter：</Typography.Paragraph>
         <Input
+          placeholder="Enter something"
           onChange={v => { console.log('current value: ', v); }}
           normalize={v => v ? v.trim() : v}
           normalizeTrigger={['onPressEnter']}

diff --git a/components/Input/__demo__/password.md b/components/Input/__demo__/password.md
@@ -23,7 +23,7 @@ const App = () => {
       <Input.Password
         defaultValue="password"
         defaultVisibility={true}
-        placeholder="Please enter ..."
+        placeholder="Enter password"
         style={{ width: 350 }}
       />
     </Space>

diff --git a/components/Input/__demo__/prefix_suffix.md b/components/Input/__demo__/prefix_suffix.md
@@ -21,20 +21,20 @@ const App = () => {
   return (
     <Space direction="vertical">
       <Space wrap>
-        <Input style={{ width: 350 }} prefix={<IconUser />} placeholder="Please enter" />
+        <Input style={{ width: 350 }} prefix={<IconUser />} placeholder="Enter something" />
         <Input
           allowClear
           style={{ width: 350 }}
           suffix={<IconInfoCircle />}
-          placeholder="Please enter"
+          placeholder="Enter something"
         />
       </Space>
       <Space wrap>
         <Input
           style={{ width: 350 }}
           prefix={<IconUser />}
           suffix={<IconInfoCircle />}
-          placeholder="Please enter"
+          placeholder="Enter something"
         />
         <Input
           style={{ width: 350 }}
@@ -43,7 +43,7 @@ const App = () => {
           prefix={<IconUser />}
           suffix={<IconInfoCircle />}
           allowClear
-          placeholder="Please enter"
+          placeholder="Enter something"
         />
       </Space>
     </Space>

diff --git a/components/Input/__demo__/size.md b/components/Input/__demo__/size.md
@@ -80,27 +80,27 @@ class App extends React.Component {
             {...props}
             style={{ width: 350, margin: 12 }}
             prefix={<IconClockCircle />}
-            placeholder="Please enter something"
+            placeholder="Enter something"
           />
           <Input
             {...props}
              style={{ width: 350, margin: 12 }}
             suffix={<IconInfoCircle />}
-            placeholder="Please enter something"
+            placeholder="Enter something"
           />
         </div>
         <div>
           <Input
             {...props}
             style={{ width: 350, margin: 12 }}
             addAfter="KG"
-            placeholder="Please enter something"
+            placeholder="Enter something"
           />
           <Input
             {...props}
             style={{ width: 350, margin: 12 }}
             addBefore="+86"
-            placeholder="Please enter something"
+            placeholder="Enter phone number"
           />
         </div>
         <div>
@@ -112,11 +112,11 @@ class App extends React.Component {
             prefix={<IconClockCircle />}
             suffix={<IconInfoCircle />}
             allowClear
-            placeholder="Please enter something"
+            placeholder="Enter phone number"
           />
           <InputSearch
             {...props}
-            placeholder="Please enter something"
+            placeholder="Enter something"
             style={{ width: 350, margin: 12 }}
             searchButton={true}
           />
@@ -126,19 +126,19 @@ class App extends React.Component {
             {...props}
             style={{ width: 350, margin: 12 }}
             addBefore={
-              <Select size={size} placeholder="Please select" style={{ width: 100 }}>
+              <Select size={size} placeholder="Select protocol" style={{ width: 100 }}>
                 <Select.Option value="http://">http://</Select.Option>
                 <Select.Option value="https://">https://</Select.Option>
               </Select>
             }
             allowClear={true}
-            placeholder="Please enter something"
+            placeholder="Enter something"
           />
           <Input
             {...props}
             style={{ width: 350, margin: 12 }}
             allowClear={true}
-            placeholder="Please enter something"
+            placeholder="Enter something"
           />
         </div>
       </div>

diff --git a/components/Input/__demo__/textarea.md b/components/Input/__demo__/textarea.md
@@ -20,7 +20,7 @@ const TextArea = Input.TextArea;
 const App = () => {
   return (
     <Space wrap>
-      <TextArea placeholder="Please enter ..." style={{ minHeight: 64, width: 350 }} />
+      <TextArea placeholder="Enter something" style={{ minHeight: 64, width: 350 }} />
       <TextArea defaultValue="Disabled" style={{ minHeight: 64, width: 350 }} disabled />
     </Space>
   );

diff --git a/components/Input/__demo__/textarea_autosize.md b/components/Input/__demo__/textarea_autosize.md
@@ -21,13 +21,13 @@ const App = () => {
   return (
     <Space wrap align="top">
       <TextArea
-        placeholder="Please enter ..."
+        placeholder="Enter something"
         defaultValue="This is the contents of the textarea. "
         autoSize
         style={{ width: 350 }}
       />
       <TextArea
-        placeholder="Please enter ..."
+        placeholder="Enter something"
         autoSize={{ minRows: 2, maxRows: 6 }}
         style={{ width: 350 }}
         defaultValue="This is the contents of the textarea. This is the contents of the textarea. This is the contents of the textarea. "