docs: improve docs

Author: haoziqaq

packages/varlet-ui/src/input/docs/en-US.md

@@ -75,14 +75,12 @@ const selectAll = () => {
     <var-input placeholder="Textarea" textarea v-model="value10" />
     <var-input placeholder="Small Size" size="small" v-model="value11" />
     <var-input placeholder="Removes whitespace from both ends of this string" v-model.trim="value12" />
-    <var-space>
-      <var-input 
-        ref="inputRef"
-        placeholder="Enter text and click the button to select all" 
-        v-model="value15"
-      />
-      <var-button type="primary" @click="selectAll">Select All</var-button>
-    </var-space>
+    <var-input 
+      ref="inputRef"
+      placeholder="Enter text and click the button to select all" 
+      v-model="value15"
+    />
+    <var-button type="primary" @click="selectAll">Select All</var-button>
   </var-space>
 </template>
 
@@ -174,14 +172,13 @@ const selectAll = () => {
     <var-input variant="outlined" placeholder="Textarea" textarea v-model="value10" />
     <var-input variant="outlined" placeholder="Small Size" size="small" v-model="value11" />
     <var-input variant="outlined" placeholder="Removes whitespace from both ends of this string" v-model.trim="value12" />
-    <var-space>
-      <var-input 
-        ref="inputRef"
-        placeholder="Enter text and click the button to select all" 
-        v-model="value15"
-      />
-      <var-button type="primary" @click="selectAll">Select All</var-button>
-    </var-space>
+    <var-input 
+      ref="inputRef"
+      variant="outlined"
+      placeholder="Enter text and click the button to select all" 
+      v-model="value15"
+    />
+    <var-button type="primary" @click="selectAll">Select All</var-button>
   </var-space>
 </template>
 

packages/varlet-ui/src/input/docs/zh-CN.md

@@ -76,14 +76,12 @@ const selectAll = () => {
     <var-input placeholder="文本域" textarea v-model="value10" />
     <var-input placeholder="小尺寸" size="small" v-model="value11" />
     <var-input placeholder="移除空白字符" v-model.trim="value12" />
-    <var-space>
-      <var-input 
-        ref="inputRef"
-        placeholder="输入文本后点击按钮全选" 
-        v-model="value15"
-      />
-      <var-button type="primary" @click="selectAll">全选</var-button>
-    </var-space>
+    <var-input 
+      ref="inputRef"
+      placeholder="输入文本后点击按钮全选" 
+      v-model="value15"
+    />
+    <var-button type="primary" @click="selectAll">全选</var-button>
   </var-space>
 </template>
 
@@ -119,6 +117,12 @@ const value11 = ref('')
 const value12 = ref('')
 const value13 = ref('')
 const value14 = ref('')
+const value15 = ref('')
+const inputRef = ref()
+
+const selectAll = () => {
+  inputRef.value?.select()
+}
 </script>
 
 <template>
@@ -169,6 +173,13 @@ const value14 = ref('')
     <var-input variant="outlined" placeholder="文本域" textarea v-model="value10" />
     <var-input variant="outlined" placeholder="小尺寸" size="small" v-model="value11" />
     <var-input variant="outlined" placeholder="移除空白字符" v-model.trim="value12" />
+    <var-input 
+      ref="inputRef"
+      variant="outlined"
+      placeholder="输入文本后点击按钮全选" 
+      v-model="value15"
+    />
+    <var-button type="primary" @click="selectAll">全选</var-button>
   </var-space>
 </template>
 

packages/varlet-ui/src/input/example/index.vue

@@ -91,10 +91,8 @@ onThemeChange()
     <var-input v-model="standardValue10" :placeholder="t('textarea')" textarea />
     <var-input v-model="standardValue11" :placeholder="t('smallSize')" size="small" />
     <var-input v-model.trim="standardValue12" :placeholder="t('trim')" />
-    <var-space align="center">
-      <var-input ref="inputRef" v-model="standardValue15" :placeholder="t('selectAll')" />
-      <var-button type="primary" @click="selectAll">{{ t('selectAllButton') }}</var-button>
-    </var-space>
+    <var-input ref="inputRef" v-model="standardValue15" :placeholder="t('selectAll')" />
+    <var-button type="primary" @click="selectAll">{{ t('selectAllButton') }}</var-button>
   </var-space>
 
   <app-type style="margin-top: 10vmin">{{ t('outlined') }}</app-type>
@@ -141,13 +139,12 @@ onThemeChange()
     <var-input v-model="outlinedValue10" variant="outlined" :placeholder="t('textarea')" textarea />
     <var-input v-model="outlinedValue11" variant="outlined" :placeholder="t('smallSize')" size="small" />
     <var-input v-model.trim="outlinedValue12" variant="outlined" :placeholder="t('trim')" />
-    <var-space align="center">
-      <var-input ref="outlinedInputRef" v-model="outlinedValue15" variant="outlined" :placeholder="t('selectAll')" />
-      <var-button type="primary" @click="selectAllOutlined">{{ t('selectAllButton') }}</var-button>
-    </var-space>
+
+    <var-input ref="outlinedInputRef" v-model="outlinedValue15" variant="outlined" :placeholder="t('selectAll')" />
+    <var-button type="primary" @click="selectAllOutlined">{{ t('selectAllButton') }}</var-button>
   </var-space>
 
-  <div style="height: 40px"></div>
+  <div style="height: 20px"></div>
 </template>
 
 <style scoped lang="less">

packages/varlet-ui/src/input/example/locale/en-US.ts

@@ -11,7 +11,7 @@ export default {
   clearable: 'Clearable',
   clearIconSlot: 'Use the clear icon slot',
   displayIcon: 'Display Icon',
-  customIconSize: 'Custom Clear Icon',
+  customIconSize: 'Custom Icon Size',
   validate: 'Validate',
   validateWithZod: 'Validate With Zod',
   placeholder: 'Please enter text',

packages/varlet-ui/src/input/example/locale/zh-CN.ts

@@ -18,6 +18,6 @@ export default {
   numberPlaceholder: '请输入数字',
   maxMessage: '文本长度必须大于6',
   clearableText: '可清除文本',
-  selectAll: '输入文本后点击按钮 全选',
+  selectAll: '输入文本并点击按钮全选',
   selectAllButton: '全选',
 }