fix: 解决部分组件内文字前后出现多余空白字符的问题

src/core/view/components/input/index.vue

 <template>
-  <uni-input
-    @change.stop
-    v-on="$listeners"
+  <uni-input
+    @change.stop
+    v-on="$listeners"
   >
-    <div
-      ref="wrapper"
-      class="uni-input-wrapper"
+    <div
+      ref="wrapper"
+      class="uni-input-wrapper"
     >
       <div
         v-show="!(composing || inputValue.length)"
@@ -13,9 +13,8 @@
         :style="placeholderStyle"
         :class="placeholderClass"
         class="uni-input-placeholder"
-      >
-        {{ placeholder }}
-      </div>
+        v-text="placeholder"
+      />
       <input
         ref="input"
         v-model="inputValue"

src/core/view/components/textarea/index.vue

@@ -10,22 +10,19 @@
         :style="placeholderStyle"
         :class="placeholderClass"
         class="uni-textarea-placeholder"
-      >
-        {{ placeholder }}
-      </div>
+        v-text="placeholder"
+      />
       <div
         ref="line"
         class="uni-textarea-line"
-      >
-&nbsp;
-      </div>
+        v-text="' '"
+      />
       <div class="uni-textarea-compute">
         <div
           v-for="(item,index) in valueCompute"
           :key="index"
-        >
-          {{ item.trim() ? item : '.' }}
-        </div>
+          v-text="item.trim() ? item : '.'"
+        />
         <v-uni-resize-sensor
           ref="sensor"
           @resize="_resize"

src/platforms/h5/components/app/popup/modal.vue

@@ -2,37 +2,39 @@
   <transition name="uni-fade">
     <uni-modal
       v-show="visible"
-      @touchmove.prevent
+      @touchmove.prevent
     >
       <div class="uni-mask" />
       <div class="uni-modal">
         <div
           v-if="title"
-          class="uni-modal__hd"
+          class="uni-modal__hd"
         >
-          <strong class="uni-modal__title">{{ title }}</strong>
+          <strong
+            class="uni-modal__title"
+            v-text="title"
+          />
         </div>
         <div
           class="uni-modal__bd"
-          @touchmove.stop
-        >
-          {{ content }}
-        </div>
+          @touchmove.stop
+          v-text="content"
+        />
         <div class="uni-modal__ft">
           <div
             v-if="showCancel"
             :style="{color:cancelColor}"
             class="uni-modal__btn uni-modal__btn_default"
-            @click="_close('cancel')"
-          >
-            {{ cancelText }}
+            @click="_close('cancel')"
+          >
+            {{ cancelText }}
           </div>
           <div
             :style="{color:confirmColor}"
             class="uni-modal__btn uni-modal__btn_primary"
-            @click="_close('confirm')"
-          >
-            {{ confirmText }}
+            @click="_close('confirm')"
+          >
+            {{ confirmText }}
           </div>
         </div>
       </div>

src/platforms/h5/components/page/pageHead.vue

@@ -6,14 +6,14 @@
       class="uni-page-head"
     >
       <div class="uni-page-head-hd">
-        <div
-          v-show="backButton"
-          class="uni-page-head-btn"
-          @click="_back"
+        <div
+          v-show="backButton"
+          class="uni-page-head-btn"
+          @click="_back"
         >
-          <i
-            :style="{color:color,fontSize:'27px'}"
-            class="uni-btn-icon"
+          <i
+            :style="{color:color,fontSize:'27px'}"
+            class="uni-btn-icon"
           >&#xe601;</i>
         </div>
         <template v-for="(btn,index) in btns">
@@ -34,25 +34,25 @@
           </div>
         </template>
       </div>
-      <div
-        v-if="!searchInput"
-        class="uni-page-head-bd"
+      <div
+        v-if="!searchInput"
+        class="uni-page-head-bd"
       >
         <div
           :style="{fontSize:titleSize,opacity:type==='transparent'?0:1}"
           class="uni-page-head__title"
         >
-          <i
-            v-if="loading"
-            class="uni-loading"
+          <i
+            v-if="loading"
+            class="uni-loading"
           />
-          <img
-            v-if="titleImage!==''"
-            :src="titleImage"
-            class="uni-page-head__title_image"
+          <img
+            v-if="titleImage!==''"
+            :src="titleImage"
+            class="uni-page-head__title_image"
           >
-          <template v-else>
-            {{ titleText }}
+          <template v-else>
+            {{ titleText }}
           </template>
         </div>
       </div>
@@ -65,9 +65,8 @@
           :style="{color:searchInput.placeholderColor}"
           :class="[`uni-page-head-search-placeholder-${focus || text ? 'left' : searchInput.align}`]"
           class="uni-page-head-search-placeholder"
-        >
-          {{ text || composing ? '' : searchInput.placeholder }}
-        </div>
+          v-text="text || composing ? '' : searchInput.placeholder"
+        />
         <v-uni-input
           ref="input"
           v-model="text"