fix(input): modify mobile problem (#2671)

Author: James-9696

packages/mobile/components/input/src/renderless/index.ts

@@ -391,9 +391,9 @@ export const handlePasswordVisible =
   }
 
 export const getSuffixVisible =
-  ({ parent, props, state }: Pick<IInputRenderlessParams, 'parent' | 'props' | 'state'>) =>
+  ({ vm, props, state }: Pick<IInputRenderlessParams, 'vm' | 'props' | 'state'>) =>
   (): boolean =>
-    parent.$slots.suffix ||
+    vm.$slots.suffix ||
     props.suffixIcon ||
     state.showClear ||
     props.showPassword ||

packages/mobile/components/input/src/renderless/vue.ts

@@ -202,7 +202,7 @@ const initApi = ({
     handleChange: handleChange(emit),
     watchFormSelect: watchFormSelect({ emit, props, state }),
     calcIconOffset: calcIconOffset({ CLASS_PREFIX, parent }),
-    getSuffixVisible: getSuffixVisible({ parent, props, state }),
+    getSuffixVisible: getSuffixVisible({ vm, props, state }),
     calculateNodeStyling: calculateNodeStyling(),
     handleCompositionStart: handleCompositionStart(state),
     handleCompositionUpdate: handleCompositionUpdate(state),

packages/theme-mobile/src/input/index.less

@@ -24,18 +24,17 @@
   .component-css-vars-input();
 
   position: relative;
-  display: inline-block;
 
   &__inner {
-    height: var(--ti-mobile-textarea-height);
     padding: var(--ti-mobile-textarea-padding-vertical) var(--ti-mobile-textarea-padding-horizontal);
     font-size: var(--ti-mobile-textarea-inner-font-size, 16px);
     font-family: var(--ti-mobile-input-font-family);
     color: var(--ti-mobile-textarea-inner-text-color);
     display: block;
-    resize: none;
+    resize: vertical;
     box-sizing: border-box;
-    border: none;
+    border: 1px solid #c2c2c2;
+    border-radius: 8px;
     transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
     line-height: var(--ti-mobile-input-line-height);