@tarojs/components 3.5.5 → 3.5.6-alpha.1

package/dist/cjs/taro-input-core.cjs.entry.js

@@ -51,7 +51,7 @@ let Input = class {
         const inputType = getTrueType(type, confirmType, password);
         this.onInputExcuted = true;
         /* 修复 number 类型 maxlength 无效 */
-        if (inputType === 'number' && value && maxlength <= value.length) {
+        if (inputType === 'number' && value && maxlength > -1 && maxlength <= value.length) {
           value = value.substring(0, maxlength);
           e.target.value = value;
         }
@@ -131,6 +131,19 @@ let Input = class {
         this.isOnComposition = true;
       }
     };
+    this.handleBeforeinput = (e) => {
+      if (!e.data)
+        return;
+      const isNumber = e.data && /[0-9]/.test(e.data);
+      if (this.type === 'number' && !isNumber) {
+        e.preventDefault();
+      }
+      if (this.type === 'digit' && !isNumber) {
+        if (e.data !== '.' || (e.data === '.' && e.target.value.indexOf('.') > -1)) {
+          e.preventDefault();
+        }
+      }
+    };
   }
   watchFocus(newValue, oldValue) {
     var _a;
@@ -145,7 +158,7 @@ let Input = class {
     }
   }
   componentDidLoad() {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e;
     if (this.type === 'file') {
       this.fileListener = () => {
         this.onInput.emit();
@@ -155,6 +168,8 @@ let Input = class {
     else {
       (_b = this.inputRef) === null || _b === void 0 ? void 0 : _b.addEventListener('compositionstart', this.handleComposition);
       (_c = this.inputRef) === null || _c === void 0 ? void 0 : _c.addEventListener('compositionend', this.handleComposition);
+      (_d = this.inputRef) === null || _d === void 0 ? void 0 : _d.addEventListener('beforeinput', this.handleBeforeinput);
+      (_e = this.inputRef) === null || _e === void 0 ? void 0 : _e.addEventListener('textInput', this.handleBeforeinput);
     }
     Object.defineProperty(this.el, 'value', {
       get: () => { var _a; return (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.value; },
@@ -163,10 +178,16 @@ let Input = class {
     });
   }
   disconnectedCallback() {
-    var _a;
+    var _a, _b, _c, _d, _e;
     if (this.type === 'file') {
       (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.removeEventListener('change', this.fileListener);
     }
+    else {
+      (_b = this.inputRef) === null || _b === void 0 ? void 0 : _b.removeEventListener('compositionstart', this.handleComposition);
+      (_c = this.inputRef) === null || _c === void 0 ? void 0 : _c.removeEventListener('compositionend', this.handleComposition);
+      (_d = this.inputRef) === null || _d === void 0 ? void 0 : _d.removeEventListener('beforeinput', this.handleBeforeinput);
+      (_e = this.inputRef) === null || _e === void 0 ? void 0 : _e.removeEventListener('textInput', this.handleBeforeinput);
+    }
   }
   render() {
     const { value, type, password, placeholder, autoFocus, disabled, maxlength, confirmType, name, nativeProps } = this;

package/dist/cjs/taro-video-control_3.cjs.entry.js

@@ -28008,6 +28008,9 @@ let Video = class {
           this.hls.on(Hls.Events.MANIFEST_PARSED, () => {
             this.autoplay && this.play();
           });
+          this.hls.on(Hls.Events.ERROR, (_, data) => {
+            this.handleError(data);
+          });
         }
         else if (videoRef.canPlayType('application/vnd.apple.mpegurl')) {
           this.loadNativePlayer();
@@ -28062,9 +28065,24 @@ let Video = class {
     }), 250);
     this.handleError = e => {
       var _a, _b;
-      this.onError.emit({
-        errMsg: (_b = (_a = e.target) === null || _a === void 0 ? void 0 : _a.error) === null || _b === void 0 ? void 0 : _b.message
-      });
+      if (this.hls) {
+        switch (e.type) {
+          case Hls.ErrorTypes.NETWORK_ERROR:
+            // try to recover network error
+            this.onError.emit({ errMsg: e.response });
+            this.hls.startLoad();
+            break;
+          case Hls.ErrorTypes.MEDIA_ERROR:
+            this.onError.emit({ errMsg: e.reason || '媒体错误,请重试' });
+            this.hls.recoverMediaError();
+            break;
+        }
+      }
+      else {
+        this.onError.emit({
+          errMsg: (_b = (_a = e.target) === null || _a === void 0 ? void 0 : _a.error) === null || _b === void 0 ? void 0 : _b.message,
+        });
+      }
     };
     this.handleDurationChange = () => {
       this._duration = this.videoRef.duration;

package/dist/collection/components/input/input.js

@@ -36,7 +36,7 @@ export class Input {
         const inputType = getTrueType(type, confirmType, password);
         this.onInputExcuted = true;
         /* 修复 number 类型 maxlength 无效 */
-        if (inputType === 'number' && value && maxlength <= value.length) {
+        if (inputType === 'number' && value && maxlength > -1 && maxlength <= value.length) {
           value = value.substring(0, maxlength);
           e.target.value = value;
         }
@@ -116,6 +116,19 @@ export class Input {
         this.isOnComposition = true;
       }
     };
+    this.handleBeforeinput = (e) => {
+      if (!e.data)
+        return;
+      const isNumber = e.data && /[0-9]/.test(e.data);
+      if (this.type === 'number' && !isNumber) {
+        e.preventDefault();
+      }
+      if (this.type === 'digit' && !isNumber) {
+        if (e.data !== '.' || (e.data === '.' && e.target.value.indexOf('.') > -1)) {
+          e.preventDefault();
+        }
+      }
+    };
   }
   watchFocus(newValue, oldValue) {
     var _a;
@@ -130,7 +143,7 @@ export class Input {
     }
   }
   componentDidLoad() {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e;
     if (this.type === 'file') {
       this.fileListener = () => {
         this.onInput.emit();
@@ -140,6 +153,8 @@ export class Input {
     else {
       (_b = this.inputRef) === null || _b === void 0 ? void 0 : _b.addEventListener('compositionstart', this.handleComposition);
       (_c = this.inputRef) === null || _c === void 0 ? void 0 : _c.addEventListener('compositionend', this.handleComposition);
+      (_d = this.inputRef) === null || _d === void 0 ? void 0 : _d.addEventListener('beforeinput', this.handleBeforeinput);
+      (_e = this.inputRef) === null || _e === void 0 ? void 0 : _e.addEventListener('textInput', this.handleBeforeinput);
     }
     Object.defineProperty(this.el, 'value', {
       get: () => { var _a; return (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.value; },
@@ -148,10 +163,16 @@ export class Input {
     });
   }
   disconnectedCallback() {
-    var _a;
+    var _a, _b, _c, _d, _e;
     if (this.type === 'file') {
       (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.removeEventListener('change', this.fileListener);
     }
+    else {
+      (_b = this.inputRef) === null || _b === void 0 ? void 0 : _b.removeEventListener('compositionstart', this.handleComposition);
+      (_c = this.inputRef) === null || _c === void 0 ? void 0 : _c.removeEventListener('compositionend', this.handleComposition);
+      (_d = this.inputRef) === null || _d === void 0 ? void 0 : _d.removeEventListener('beforeinput', this.handleBeforeinput);
+      (_e = this.inputRef) === null || _e === void 0 ? void 0 : _e.removeEventListener('textInput', this.handleBeforeinput);
+    }
   }
   render() {
     const { value, type, password, placeholder, autoFocus, disabled, maxlength, confirmType, name, nativeProps } = this;

package/dist/collection/components/video/video.js

@@ -154,6 +154,9 @@ export class Video {
           this.hls.on(Hls.Events.MANIFEST_PARSED, () => {
             this.autoplay && this.play();
           });
+          this.hls.on(Hls.Events.ERROR, (_, data) => {
+            this.handleError(data);
+          });
         }
         else if (videoRef.canPlayType('application/vnd.apple.mpegurl')) {
           this.loadNativePlayer();
@@ -208,9 +211,26 @@ export class Video {
     }), 250);
     this.handleError = e => {
       var _a, _b;
-      this.onError.emit({
-        errMsg: (_b = (_a = e.target) === null || _a === void 0 ? void 0 : _a.error) === null || _b === void 0 ? void 0 : _b.message
-      });
+      if (this.hls) {
+        switch (e.type) {
+          case Hls.ErrorTypes.NETWORK_ERROR:
+            // try to recover network error
+            this.onError.emit({ errMsg: e.response });
+            this.hls.startLoad();
+            break;
+          case Hls.ErrorTypes.MEDIA_ERROR:
+            this.onError.emit({ errMsg: e.reason || '媒体错误,请重试' });
+            this.hls.recoverMediaError();
+            break;
+          default:
+            break;
+        }
+      }
+      else {
+        this.onError.emit({
+          errMsg: (_b = (_a = e.target) === null || _a === void 0 ? void 0 : _a.error) === null || _b === void 0 ? void 0 : _b.message,
+        });
+      }
     };
     this.handleDurationChange = () => {
       this._duration = this.videoRef.duration;

package/dist/collection/utils/json-schema-to-types.js

@@ -0,0 +1,224 @@
+import generator from '@babel/generator';
+import * as parser from '@babel/parser';
+import traverse from '@babel/traverse';
+import * as t from '@babel/types';
+import * as fs from 'fs';
+import * as humps from 'humps';
+import { flattenDeep, isEmpty, toArray, xorWith } from 'lodash';
+import * as path from 'path';
+import { format as prettify } from 'prettier';
+const MINI_APP_TYPES = ['weapp', 'alipay', 'swan', 'tt', 'qq', 'jd'];
+const OMIT_PROPS = ['generic:simple-component'];
+class GenerateTypes {
+  constructor(componentName) {
+    this.jsonSchemas = {};
+    this.componentName = componentName;
+    MINI_APP_TYPES.forEach((type) => {
+      try {
+        const json = require(`miniapp-types/dist/schema/${type}/${componentName === 'AD' ? 'ad' : humps.decamelize(componentName, { separator: '-' })}.json`);
+        if (!json) {
+          return;
+        }
+        if (!this.jsonSchemas[componentName]) {
+          this.jsonSchemas[componentName] = {};
+        }
+        this.jsonSchemas[componentName][type] = json;
+      }
+      catch (error) {
+        // console.log(error)
+        if (!this.jsonSchemas[componentName]) {
+          this.jsonSchemas[componentName] = {};
+        }
+      }
+    });
+  }
+  // 获取不存在的属性
+  getMissingProps(props) {
+    const obj = {};
+    const jsonSchema = this.jsonSchemas[this.componentName];
+    if (!jsonSchema) {
+      return obj;
+    }
+    Object.keys(this.jsonSchemas[this.componentName]).forEach((key) => {
+      const filteredList = xorWith(props[key], Object.keys(this.jsonSchemas[this.componentName][key].properties));
+      if (filteredList.length > 0) {
+        obj[key] = filteredList.map((item) => item.match(/^bind/) ? humps.camelize(item.replace(/^bind/, 'on')) : item);
+      }
+    });
+    return obj;
+  }
+  // 转换不存在的属性，便于添加到已有的类型声明中
+  convertProps(props) {
+    const array = [...new Set(flattenDeep(toArray(props)))];
+    const reverseProps = {};
+    array.forEach((prop) => {
+      reverseProps[prop] = Object.keys(props).filter((key) => props[key].includes(prop));
+    });
+    return reverseProps;
+  }
+  updateComment(ast) {
+    const componentName = this.componentName;
+    const jsonSchemas = this.jsonSchemas[this.componentName];
+    const existProps = {};
+    traverse(ast, {
+      TSInterfaceDeclaration(astPath) {
+        if (astPath.node.id.name !== `${componentName}Props`) {
+          return;
+        }
+        astPath.traverse({
+          TSPropertySignature(astPath) {
+            var _a, _b, _c, _d;
+            const { name } = astPath.node.key;
+            if (!name) {
+              return;
+            }
+            const supportedPlatforms = [];
+            const covertedName = name.match(/^on/)
+              ? name.replace(/^on/, 'bind')
+              : humps.decamelize(name, { separator: '-' });
+            MINI_APP_TYPES.forEach((type) => {
+              var _a, _b, _c, _d;
+              if ((_a = jsonSchemas[type]) === null || _a === void 0 ? void 0 : _a.properties[name]) {
+                if (isEmpty(existProps[type])) {
+                  existProps[type] = [name];
+                }
+                (_b = existProps[type]) === null || _b === void 0 ? void 0 : _b.push(name);
+                supportedPlatforms.push(type);
+              }
+              if (name !== covertedName && ((_c = jsonSchemas[type]) === null || _c === void 0 ? void 0 : _c.properties[covertedName])) {
+                if (isEmpty(existProps[type])) {
+                  existProps[type] = [covertedName];
+                }
+                (_d = existProps[type]) === null || _d === void 0 ? void 0 : _d.push(covertedName);
+                supportedPlatforms.push(type);
+              }
+            });
+            if (isEmpty(astPath.node.leadingComments) || !((_b = (_a = astPath.node.leadingComments) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.value)) {
+              return;
+            }
+            const value = (_d = (_c = astPath.node.leadingComments) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.value;
+            // 保留原有 h5 类型
+            if (value.toLowerCase().indexOf('h5') > -1) {
+              supportedPlatforms.push('h5');
+            }
+            // 保留原有 rn 类型
+            if (value.toLowerCase().indexOf('rn') > -1) {
+              supportedPlatforms.push('rn');
+            }
+            if (isEmpty(supportedPlatforms)) {
+              astPath.remove();
+            }
+            else {
+              astPath.node.leadingComments[0].value = value.replace(/@supported .*?\n/, `@supported ${supportedPlatforms.join(', ')}\n`);
+              if (value.match(/@deprecated/)) {
+                astPath.node.leadingComments[0].value = value.replace(/\* @deprecated.*?\n/, '');
+              }
+            }
+          },
+        });
+      },
+    });
+    return {
+      existProps,
+      ast,
+    };
+  }
+  // 添加不存在的属性
+  addProps(ast, props) {
+    const componentName = this.componentName;
+    const jsonSchemas = this.jsonSchemas[this.componentName];
+    traverse(ast, {
+      TSInterfaceDeclaration(astPath) {
+        if (astPath.node.id.name !== `${componentName}Props`) {
+          return;
+        }
+        const addedProps = [];
+        astPath.traverse({
+          TSInterfaceBody(astPath) {
+            Object.keys(props).forEach((prop) => {
+              var _a, _b, _c;
+              if (OMIT_PROPS.includes(prop)) {
+                return;
+              }
+              const node = t.cloneNode(astPath.node.body[0]);
+              node.key = t.identifier(humps.camelize(prop, { separator: '-' }));
+              const platform = props[prop][0];
+              const json = jsonSchemas[platform];
+              const propSchema = json.properties[prop] || json.properties[prop.replace(/^on/, 'bind')];
+              const { type, tsType, enum: enumArray } = propSchema;
+              let value;
+              if (type === 'string') {
+                if (!enumArray) {
+                  value = t.tsTypeReference(t.identifier(type));
+                }
+                else {
+                  value = t.tsUnionType(enumArray.map((item) => t.tsLiteralType(t.stringLiteral(item))));
+                }
+              }
+              else if (type instanceof Array) {
+                value = t.tsTypeReference(t.identifier(type.join('|')));
+              }
+              else if (tsType === '() => void') {
+                value = t.tsTypeReference(t.identifier('CommonEventFunction'));
+              }
+              else {
+                value = t.tsTypeReference(t.identifier('string'));
+              }
+              node.typeAnnotation = t.tsTypeAnnotation(value);
+              node.optional = !((_a = json.required) === null || _a === void 0 ? void 0 : _a[prop]) || !((_b = json.required) === null || _b === void 0 ? void 0 : _b[prop.replace(/^on/, 'bind')]);
+              if (node.leadingComments) {
+                let commentValue = `* ${(_c = propSchema.description) === null || _c === void 0 ? void 0 : _c.replace(/\n/g, '\n * ')} \n`;
+                commentValue += `* @supported ${props[prop].join(', ')}\n`;
+                const defaultValue = propSchema.defaultValue;
+                if (defaultValue) {
+                  if (defaultValue instanceof Array) {
+                    commentValue += `* @default ${propSchema.defaultValue.join(',')}\n`;
+                  }
+                  else {
+                    commentValue += `* @default ${propSchema.defaultValue}\n`;
+                  }
+                }
+                node.leadingComments[0].value = commentValue;
+              }
+              astPath.node.body.push(node);
+              addedProps.push(prop);
+            });
+          },
+        });
+      },
+    });
+  }
+  formatJSDoc(ast) {
+    traverse(ast, {
+      enter(astPath) {
+        if (astPath.node.trailingComments) {
+          astPath.node.trailingComments = [];
+        }
+      },
+    });
+  }
+  exec() {
+    const filePath = path.join(process.cwd(), 'types', `${this.componentName}.d.ts`);
+    const codeStr = fs.readFileSync(filePath, 'utf8');
+    const ast = parser.parse(codeStr, {
+      sourceType: 'module',
+      strictMode: false,
+      plugins: ['typescript'],
+    });
+    const { existProps } = this.updateComment(ast);
+    const missingProps = this.getMissingProps(existProps);
+    const props = this.convertProps(missingProps);
+    this.addProps(ast, props);
+    this.formatJSDoc(ast);
+    const result = generator(ast);
+    const code = prettify(result.code, { parser: 'typescript', singleQuote: true, semi: false });
+    fs.writeFileSync(filePath, code);
+  }
+}
+const typesFiles = fs.readdirSync(path.join(process.cwd(), 'types'));
+typesFiles.forEach((fileName) => {
+  const componentName = fileName.replace(/\.d\.ts$/, '');
+  const generateTypes = new GenerateTypes(componentName);
+  generateTypes.exec();
+});
+export default GenerateTypes;

package/dist/esm/taro-input-core.entry.js

@@ -47,7 +47,7 @@ let Input = class {
         const inputType = getTrueType(type, confirmType, password);
         this.onInputExcuted = true;
         /* 修复 number 类型 maxlength 无效 */
-        if (inputType === 'number' && value && maxlength <= value.length) {
+        if (inputType === 'number' && value && maxlength > -1 && maxlength <= value.length) {
           value = value.substring(0, maxlength);
           e.target.value = value;
         }
@@ -127,6 +127,19 @@ let Input = class {
         this.isOnComposition = true;
       }
     };
+    this.handleBeforeinput = (e) => {
+      if (!e.data)
+        return;
+      const isNumber = e.data && /[0-9]/.test(e.data);
+      if (this.type === 'number' && !isNumber) {
+        e.preventDefault();
+      }
+      if (this.type === 'digit' && !isNumber) {
+        if (e.data !== '.' || (e.data === '.' && e.target.value.indexOf('.') > -1)) {
+          e.preventDefault();
+        }
+      }
+    };
   }
   watchFocus(newValue, oldValue) {
     var _a;
@@ -141,7 +154,7 @@ let Input = class {
     }
   }
   componentDidLoad() {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e;
     if (this.type === 'file') {
       this.fileListener = () => {
         this.onInput.emit();
@@ -151,6 +164,8 @@ let Input = class {
     else {
       (_b = this.inputRef) === null || _b === void 0 ? void 0 : _b.addEventListener('compositionstart', this.handleComposition);
       (_c = this.inputRef) === null || _c === void 0 ? void 0 : _c.addEventListener('compositionend', this.handleComposition);
+      (_d = this.inputRef) === null || _d === void 0 ? void 0 : _d.addEventListener('beforeinput', this.handleBeforeinput);
+      (_e = this.inputRef) === null || _e === void 0 ? void 0 : _e.addEventListener('textInput', this.handleBeforeinput);
     }
     Object.defineProperty(this.el, 'value', {
       get: () => { var _a; return (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.value; },
@@ -159,10 +174,16 @@ let Input = class {
     });
   }
   disconnectedCallback() {
-    var _a;
+    var _a, _b, _c, _d, _e;
     if (this.type === 'file') {
       (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.removeEventListener('change', this.fileListener);
     }
+    else {
+      (_b = this.inputRef) === null || _b === void 0 ? void 0 : _b.removeEventListener('compositionstart', this.handleComposition);
+      (_c = this.inputRef) === null || _c === void 0 ? void 0 : _c.removeEventListener('compositionend', this.handleComposition);
+      (_d = this.inputRef) === null || _d === void 0 ? void 0 : _d.removeEventListener('beforeinput', this.handleBeforeinput);
+      (_e = this.inputRef) === null || _e === void 0 ? void 0 : _e.removeEventListener('textInput', this.handleBeforeinput);
+    }
   }
   render() {
     const { value, type, password, placeholder, autoFocus, disabled, maxlength, confirmType, name, nativeProps } = this;

package/dist/esm/taro-video-control_3.entry.js

@@ -28004,6 +28004,9 @@ let Video = class {
           this.hls.on(Hls.Events.MANIFEST_PARSED, () => {
             this.autoplay && this.play();
           });
+          this.hls.on(Hls.Events.ERROR, (_, data) => {
+            this.handleError(data);
+          });
         }
         else if (videoRef.canPlayType('application/vnd.apple.mpegurl')) {
           this.loadNativePlayer();
@@ -28058,9 +28061,24 @@ let Video = class {
     }), 250);
     this.handleError = e => {
       var _a, _b;
-      this.onError.emit({
-        errMsg: (_b = (_a = e.target) === null || _a === void 0 ? void 0 : _a.error) === null || _b === void 0 ? void 0 : _b.message
-      });
+      if (this.hls) {
+        switch (e.type) {
+          case Hls.ErrorTypes.NETWORK_ERROR:
+            // try to recover network error
+            this.onError.emit({ errMsg: e.response });
+            this.hls.startLoad();
+            break;
+          case Hls.ErrorTypes.MEDIA_ERROR:
+            this.onError.emit({ errMsg: e.reason || '媒体错误,请重试' });
+            this.hls.recoverMediaError();
+            break;
+        }
+      }
+      else {
+        this.onError.emit({
+          errMsg: (_b = (_a = e.target) === null || _a === void 0 ? void 0 : _a.error) === null || _b === void 0 ? void 0 : _b.message,
+        });
+      }
     };
     this.handleDurationChange = () => {
       this._duration = this.videoRef.duration;

package/dist/esm-es5/taro-input-core.entry.js

@@ -1 +1 @@
-import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-8809c729.js";var indexCss="taro-input-core{display:block}input{display:block;overflow:hidden;height:1.4rem;text-overflow:clip;text-align:inherit;white-space:nowrap}";function getTrueType(e,t,n){if(t==="search")e="search";if(n)e="password";if(typeof e==="undefined"){return"text"}if(!e){throw new Error("unexpected type")}if(e==="digit")e="number";return e}function fixControlledValue(e){return e!==null&&e!==void 0?e:""}var Input=function(){function e(e){var t=this;registerInstance(this,e);this.onInput=createEvent(this,"input",7);this.onPaste=createEvent(this,"paste",7);this.onFocus=createEvent(this,"focus",7);this.onBlur=createEvent(this,"blur",7);this.onConfirm=createEvent(this,"confirm",7);this.onChange=createEvent(this,"change",7);this.onKeyDown=createEvent(this,"keydown",7);this.isOnComposition=false;this.isOnPaste=false;this.onInputExcuted=false;this.password=false;this.disabled=false;this.maxlength=140;this.autoFocus=false;this.confirmType="done";this.nativeProps={};this.handleInput=function(e){e.stopPropagation();var n=t,i=n.type,o=n.maxlength,a=n.confirmType,s=n.password;if(!t.isOnComposition&&!t.onInputExcuted){var u=e.target.value;var r=getTrueType(i,a,s);t.onInputExcuted=true;if(r==="number"&&u&&o<=u.length){u=u.substring(0,o);e.target.value=u}t.value=u;t.onInput.emit({value:u,cursor:u.length});t.onInputExcuted=false}};this.handlePaste=function(e){t.isOnPaste=true;t.onPaste.emit({value:e.target.value})};this.handleFocus=function(e){t.onInputExcuted=false;t.onFocus.emit({value:e.target.value})};this.handleBlur=function(e){t.onBlur.emit({value:e.target.value})};this.handleChange=function(e){e.stopPropagation();t.onChange.emit({value:e.target.value});if(t.isOnPaste){t.isOnPaste=false;t.value=e.target.value;t.onInput.emit({value:e.target.value,cursor:e.target.value.length})}};this.handleKeyDown=function(e){var n=e.target.value;var i=e.keyCode||e.code;t.onInputExcuted=false;e.stopPropagation();t.onKeyDown.emit({value:n,cursor:n.length,keyCode:i});i===13&&t.onConfirm.emit({value:n})};this.handleComposition=function(e){if(!(e.target instanceof HTMLInputElement))return;if(e.type==="compositionend"){t.isOnComposition=false;t.value=e.target.value;t.onInput.emit({value:e.target.value,cursor:e.target.value.length})}else{t.isOnComposition=true}}}e.prototype.watchFocus=function(e,t){var n;if(!t&&e){(n=this.inputRef)===null||n===void 0?void 0:n.focus()}};e.prototype.watchValue=function(e){var t=fixControlledValue(e);if(this.inputRef&&this.inputRef.value!==t){this.inputRef.value=t}};e.prototype.componentDidLoad=function(){var e=this;var t,n,i;if(this.type==="file"){this.fileListener=function(){e.onInput.emit()};(t=this.inputRef)===null||t===void 0?void 0:t.addEventListener("change",this.fileListener)}else{(n=this.inputRef)===null||n===void 0?void 0:n.addEventListener("compositionstart",this.handleComposition);(i=this.inputRef)===null||i===void 0?void 0:i.addEventListener("compositionend",this.handleComposition)}Object.defineProperty(this.el,"value",{get:function(){var t;return(t=e.inputRef)===null||t===void 0?void 0:t.value},set:function(t){return e.value=t},configurable:true})};e.prototype.disconnectedCallback=function(){var e;if(this.type==="file"){(e=this.inputRef)===null||e===void 0?void 0:e.removeEventListener("change",this.fileListener)}};e.prototype.render=function(){var e=this;var t=this,n=t.value,i=t.type,o=t.password,a=t.placeholder,s=t.autoFocus,u=t.disabled,r=t.maxlength,l=t.confirmType,p=t.name,c=t.nativeProps;return h("input",Object.assign({ref:function(t){e.inputRef=t},class:"weui-input",value:fixControlledValue(n),type:getTrueType(i,l,o),placeholder:a,autoFocus:s,disabled:u,maxlength:r,name:p,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onChange:this.handleChange,onKeyDown:this.handleKeyDown,onPaste:this.handlePaste,onCompositionStart:this.handleComposition,onCompositionEnd:this.handleComposition},c))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{autoFocus:["watchFocus"],value:["watchValue"]}},enumerable:false,configurable:true});return e}();Input.style=indexCss;export{Input as taro_input_core};
+import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-8809c729.js";var indexCss="taro-input-core{display:block}input{display:block;overflow:hidden;height:1.4rem;text-overflow:clip;text-align:inherit;white-space:nowrap}";function getTrueType(e,t,n){if(t==="search")e="search";if(n)e="password";if(typeof e==="undefined"){return"text"}if(!e){throw new Error("unexpected type")}if(e==="digit")e="number";return e}function fixControlledValue(e){return e!==null&&e!==void 0?e:""}var Input=function(){function e(e){var t=this;registerInstance(this,e);this.onInput=createEvent(this,"input",7);this.onPaste=createEvent(this,"paste",7);this.onFocus=createEvent(this,"focus",7);this.onBlur=createEvent(this,"blur",7);this.onConfirm=createEvent(this,"confirm",7);this.onChange=createEvent(this,"change",7);this.onKeyDown=createEvent(this,"keydown",7);this.isOnComposition=false;this.isOnPaste=false;this.onInputExcuted=false;this.password=false;this.disabled=false;this.maxlength=140;this.autoFocus=false;this.confirmType="done";this.nativeProps={};this.handleInput=function(e){e.stopPropagation();var n=t,i=n.type,o=n.maxlength,a=n.confirmType,s=n.password;if(!t.isOnComposition&&!t.onInputExcuted){var u=e.target.value;var r=getTrueType(i,a,s);t.onInputExcuted=true;if(r==="number"&&u&&o>-1&&o<=u.length){u=u.substring(0,o);e.target.value=u}t.value=u;t.onInput.emit({value:u,cursor:u.length});t.onInputExcuted=false}};this.handlePaste=function(e){t.isOnPaste=true;t.onPaste.emit({value:e.target.value})};this.handleFocus=function(e){t.onInputExcuted=false;t.onFocus.emit({value:e.target.value})};this.handleBlur=function(e){t.onBlur.emit({value:e.target.value})};this.handleChange=function(e){e.stopPropagation();t.onChange.emit({value:e.target.value});if(t.isOnPaste){t.isOnPaste=false;t.value=e.target.value;t.onInput.emit({value:e.target.value,cursor:e.target.value.length})}};this.handleKeyDown=function(e){var n=e.target.value;var i=e.keyCode||e.code;t.onInputExcuted=false;e.stopPropagation();t.onKeyDown.emit({value:n,cursor:n.length,keyCode:i});i===13&&t.onConfirm.emit({value:n})};this.handleComposition=function(e){if(!(e.target instanceof HTMLInputElement))return;if(e.type==="compositionend"){t.isOnComposition=false;t.value=e.target.value;t.onInput.emit({value:e.target.value,cursor:e.target.value.length})}else{t.isOnComposition=true}};this.handleBeforeinput=function(e){if(!e.data)return;var n=e.data&&/[0-9]/.test(e.data);if(t.type==="number"&&!n){e.preventDefault()}if(t.type==="digit"&&!n){if(e.data!=="."||e.data==="."&&e.target.value.indexOf(".")>-1){e.preventDefault()}}}}e.prototype.watchFocus=function(e,t){var n;if(!t&&e){(n=this.inputRef)===null||n===void 0?void 0:n.focus()}};e.prototype.watchValue=function(e){var t=fixControlledValue(e);if(this.inputRef&&this.inputRef.value!==t){this.inputRef.value=t}};e.prototype.componentDidLoad=function(){var e=this;var t,n,i,o,a;if(this.type==="file"){this.fileListener=function(){e.onInput.emit()};(t=this.inputRef)===null||t===void 0?void 0:t.addEventListener("change",this.fileListener)}else{(n=this.inputRef)===null||n===void 0?void 0:n.addEventListener("compositionstart",this.handleComposition);(i=this.inputRef)===null||i===void 0?void 0:i.addEventListener("compositionend",this.handleComposition);(o=this.inputRef)===null||o===void 0?void 0:o.addEventListener("beforeinput",this.handleBeforeinput);(a=this.inputRef)===null||a===void 0?void 0:a.addEventListener("textInput",this.handleBeforeinput)}Object.defineProperty(this.el,"value",{get:function(){var t;return(t=e.inputRef)===null||t===void 0?void 0:t.value},set:function(t){return e.value=t},configurable:true})};e.prototype.disconnectedCallback=function(){var e,t,n,i,o;if(this.type==="file"){(e=this.inputRef)===null||e===void 0?void 0:e.removeEventListener("change",this.fileListener)}else{(t=this.inputRef)===null||t===void 0?void 0:t.removeEventListener("compositionstart",this.handleComposition);(n=this.inputRef)===null||n===void 0?void 0:n.removeEventListener("compositionend",this.handleComposition);(i=this.inputRef)===null||i===void 0?void 0:i.removeEventListener("beforeinput",this.handleBeforeinput);(o=this.inputRef)===null||o===void 0?void 0:o.removeEventListener("textInput",this.handleBeforeinput)}};e.prototype.render=function(){var e=this;var t=this,n=t.value,i=t.type,o=t.password,a=t.placeholder,s=t.autoFocus,u=t.disabled,r=t.maxlength,l=t.confirmType,p=t.name,d=t.nativeProps;return h("input",Object.assign({ref:function(t){e.inputRef=t},class:"weui-input",value:fixControlledValue(n),type:getTrueType(i,l,o),placeholder:a,autoFocus:s,disabled:u,maxlength:r,name:p,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onChange:this.handleChange,onKeyDown:this.handleKeyDown,onPaste:this.handlePaste,onCompositionStart:this.handleComposition,onCompositionEnd:this.handleComposition},d))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{autoFocus:["watchFocus"],value:["watchValue"]}},enumerable:false,configurable:true});return e}();Input.style=indexCss;export{Input as taro_input_core};