chore(textarea): remove extra demo, adjust word count and maxlength when allowInputOverMax is true

Author: richardji202

src/textarea/__test__/demo.test.js

@@ -5,18 +5,7 @@
 import path from 'path';
 import simulate from 'miniprogram-simulate';
 
-const mapper = [
-  'allowInputOverMax',
-  'autosize',
-  'base',
-  'card',
-  'custom',
-  'disabled',
-  'label',
-  'maxcharacter',
-  'maxlength',
-  'readonly',
-];
+const mapper = ['autosize', 'base', 'card', 'custom', 'disabled', 'label', 'maxcharacter', 'maxlength'];
 
 describe('Textarea', () => {
   mapper.forEach((demoName) => {

src/textarea/__test__/index.test.js

@@ -143,7 +143,7 @@ describe('textarea', () => {
         cursor: undefined,
       });
 
-      $textarea.dispatchEvent('textarea', { detail: { value: 'textarea用于567' } });
+      $textarea.dispatchEvent('input', { detail: { value: 'textarea用于567' } });
       await simulate.sleep(0);
       expect(component.instance.data.count).toBe(15);
     });

src/textarea/_example/allowInputOverMax/index.js

@@ -5,10 +5,8 @@
     "label": "./label",
     "autosize": "./autosize",
     "disabled": "./disabled",
-    "readonly": "./readonly",
     "maxcharacter": "./maxcharacter",
     "maxlength": "./maxlength",
-    "allow-input-over-max": "./allowInputOverMax",
     "card": "./card",
     "custom": "./custom"
   }

src/textarea/_example/allowInputOverMax/index.json

@@ -22,15 +22,9 @@
       <t-demo>
         <maxcharacter />
       </t-demo>
-      <t-demo desc="允许输入超出最大字符个数限制">
-        <allow-input-over-max />
-      </t-demo>
       <t-demo title="02 组件状态" desc="禁用状态">
         <disabled />
       </t-demo>
-      <t-demo desc="只读状态">
-        <readonly />
-      </t-demo>
       <t-demo title="03 组件样式" desc="卡片样式">
         <card />
       </t-demo>

src/textarea/_example/allowInputOverMax/index.wxml

@@ -62,15 +62,19 @@ export default class Textarea extends SuperComponent {
 
     calculateValue(value, maxcharacter, maxlength) {
       const { allowInputOverMax } = this.properties;
-      if (!allowInputOverMax && maxcharacter > 0 && !Number.isNaN(maxcharacter)) {
-        const { length, characters } = getCharacterLength('maxcharacter', value, maxcharacter);
+      if (maxcharacter > 0 && !Number.isNaN(maxcharacter)) {
+        const { length, characters } = getCharacterLength(
+          'maxcharacter',
+          value,
+          allowInputOverMax ? Infinity : maxcharacter,
+        );
         return {
           value: characters,
           count: length,
         };
       }
-      if (!allowInputOverMax && maxlength > 0 && !Number.isNaN(maxlength)) {
-        const { length, characters } = getCharacterLength('maxlength', value, maxlength);
+      if (maxlength > 0 && !Number.isNaN(maxlength)) {
+        const { length, characters } = getCharacterLength('maxlength', value, allowInputOverMax ? Infinity : maxlength);
         return {
           value: characters,
           count: length,

src/textarea/_example/allowInputOverMax/index.wxss

@@ -13,7 +13,7 @@
     <textarea
       class="{{classPrefix}}__wrapper-inner {{disabled? prefix +  '-is-disabled' : ''}} {{prefix}}-class-textarea"
       style="{{this.textareaStyle(autosize)}}"
-      maxlength="{{!allowInputOverMax && maxlength}}"
+      maxlength="{{allowInputOverMax ? -1 : maxlength}}"
       disabled="{{disabled || readonly}}"
       placeholder="{{placeholder}}"
       placeholder-class="{{classPrefix}}__placeholder"