index.wxml 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. <view class="seal-field ext-class">
  2. <view wx:if="{{ type === 'textarea' }}" class="seal-field__textarea {{ border && borderPosition ? 'seal-hairline--' + borderPosition : '' }} {{ focusFlag ? 'is-focus' : '' }} {{ disabled ? 'is-disabled' : '' }} {{ readonly ? 'is-readonly' : '' }} {{ error ? 'is-error' : '' }} textarea-class">
  3. <textarea
  4. class="seal-field__textarea-item size-auto {{ hasCount ? 'is-count' : '' }}"
  5. name="{{ name }}"
  6. value="{{ value }}"
  7. placeholder="{{ placeholder }}"
  8. placeholder-style="{{ placeholderStyle }}"
  9. placeholder-class="{{ placeholderClass }} {{ error ? 'seal-field__placeholder--error' : '' }}"
  10. disabled="{{ disabled || readonly }}"
  11. maxlength="{{ maxLength }}"
  12. cursor="{{ cursor }}"
  13. cursor-spacing="{{ cursorSpacing }}"
  14. focus="{{ focus }}"
  15. auto-focus="{{ autoFocus }}"
  16. selection-start="{{ selectionStart }}"
  17. selection-end="{{ selectionEnd }}"
  18. adjust-position="{{ adjustPosition }}"
  19. hold-keyboard="{{ holdKeyboard }}"
  20. auto-height="{{ true }}"
  21. fixed="{{ fixed }}"
  22. show-confirm-bar="{{ showConfirmBar }}"
  23. disable-default-padding="{{ disableDefaultPadding }}"
  24. bind:input="handleInput"
  25. bind:focus="handleFocus"
  26. bind:blur="handleBlur"
  27. bind:confirm="handleConfirm"
  28. bind:linechange="handleLineChange"
  29. bind:keyboardheightchange="handleKeyboardHeightChange"
  30. >
  31. </textarea>
  32. <view wx:if="{{ hasCount && maxLength > 0 }}" class="seal-field__textarea-counter">
  33. <text class="seal-field__textarea-current">{{ value.length }}</text> / {{ maxLength }}
  34. </view>
  35. </view>
  36. <view wx:else class="seal-field__input {{ border && borderPosition ? 'seal-hairline--' + borderPosition : '' }} {{ focusFlag ? 'is-focus' : '' }} {{ disabled ? 'is-disabled' : '' }} {{ readonly ? 'is-readonly' : '' }} {{ error ? 'is-error' : '' }} input-class">
  37. <input
  38. class="seal-field__input-item"
  39. name="{{ name }}"
  40. value="{{ value }}"
  41. type="{{ type }}"
  42. password="{{ password || type === 'password' }}"
  43. placeholder="{{ placeholder }}"
  44. placeholder-style="{{ placeholderStyle }}"
  45. placeholder-class="{{ placeholderClass }} {{ error ? 'seal-field__placeholder--error' : '' }}"
  46. disabled="{{ disabled || readonly }}"
  47. maxlength="{{ maxLength }}"
  48. cursor="{{ cursor }}"
  49. cursor-spacing="{{ cursorSpacing }}"
  50. focus="{{ focus }}"
  51. auto-focus="{{ autoFocus }}"
  52. confirm-type="{{ confirmType }}"
  53. confirm-hold="{{ confirmHold }}"
  54. selection-start="{{ selectionStart }}"
  55. selection-end="{{ selectionEnd }}"
  56. adjust-position="{{ adjustPosition }}"
  57. hold-keyboard="{{ holdKeyboard }}"
  58. bind:input="handleInput"
  59. bind:focus="handleFocus"
  60. bind:blur="handleBlur"
  61. bind:confirm="handleConfirm"
  62. bind:keyboardheightchange="handleKeyboardHeightChange"
  63. >
  64. </input>
  65. </view>
  66. </view>