taro-ui 3.3.3 → 3.4.0

package/dist/components/tag/index.js

@@ -9,9 +9,19 @@ const SIZE_CLASS = {
 const TYPE_CLASS = {
   primary: "primary"
 };
-class AtTag extends React.Component {
-  onClick(event) {
-    const { name = "", active = false, disabled, onClick } = this.props;
+function AtTag({
+  size = "normal",
+  type = "",
+  name = "",
+  circle = false,
+  disabled = false,
+  active = false,
+  customStyle = {},
+  className,
+  children,
+  onClick
+}) {
+  const handleClick = (event) => {
     if (!disabled) {
       typeof onClick === "function" && onClick(
         {
@@ -21,44 +31,25 @@ class AtTag extends React.Component {
         event
       );
     }
-  }
-  render() {
-    const {
-      size = "normal",
-      type = "",
-      circle = false,
-      disabled = false,
-      active = false,
-      customStyle
-    } = this.props;
-    const rootClassName = ["at-tag"];
-    const classObject = {
-      [`at-tag--${SIZE_CLASS[size]}`]: SIZE_CLASS[size],
-      [`at-tag--${type}`]: TYPE_CLASS[type],
-      "at-tag--disabled": disabled,
-      "at-tag--active": active,
-      "at-tag--circle": circle
-    };
-    return /* @__PURE__ */ React.createElement(
-      View,
-      {
-        className: classNames(rootClassName, classObject, this.props.className),
-        style: customStyle,
-        onClick: this.onClick.bind(this)
-      },
-      this.props.children
-    );
-  }
+  };
+  const rootClassName = ["at-tag"];
+  const classObject = {
+    [`at-tag--${SIZE_CLASS[size]}`]: SIZE_CLASS[size],
+    [`at-tag--${type}`]: TYPE_CLASS[type],
+    "at-tag--disabled": disabled,
+    "at-tag--active": active,
+    "at-tag--circle": circle
+  };
+  return /* @__PURE__ */ React.createElement(
+    View,
+    {
+      className: classNames(rootClassName, classObject, className),
+      style: customStyle,
+      onClick: handleClick
+    },
+    children
+  );
 }
-AtTag.defaultProps = {
-  size: "normal",
-  type: "",
-  name: "",
-  circle: false,
-  active: false,
-  disabled: false,
-  customStyle: {}
-};
 AtTag.propTypes = {
   size: PropTypes.oneOf(["normal", "small"]),
   type: PropTypes.oneOf(["", "primary"]),

package/dist/components/tag/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/tag/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { View } from '@tarojs/components'\nimport { CommonEvent } from '@tarojs/components/types/common'\nimport { AtTagProps } from '../../../types/tag'\n\nconst SIZE_CLASS = {\n  normal: 'normal',\n  small: 'small'\n}\n\nconst TYPE_CLASS = {\n  primary: 'primary'\n}\n\nexport default class AtTag extends React.Component<AtTagProps> {\n  public static defaultProps: AtTagProps\n  public static propTypes: InferProps<AtTagProps>\n\n  private onClick(event: CommonEvent): void {\n    const { name = '', active = false, disabled, onClick } = this.props\n    if (!disabled) {\n      typeof onClick === 'function' &&\n        onClick(\n          {\n            name,\n            active\n          },\n          event\n        )\n    }\n  }\n\n  public render(): JSX.Element {\n    const {\n      size = 'normal',\n      type = '',\n      circle = false,\n      disabled = false,\n      active = false,\n      customStyle\n    } = this.props\n    const rootClassName = ['at-tag']\n\n    const classObject = {\n      [`at-tag--${SIZE_CLASS[size]}`]: SIZE_CLASS[size],\n      [`at-tag--${type}`]: TYPE_CLASS[type],\n      'at-tag--disabled': disabled,\n      'at-tag--active': active,\n      'at-tag--circle': circle\n    }\n\n    return (\n      <View\n        className={classNames(rootClassName, classObject, this.props.className)}\n        style={customStyle}\n        onClick={this.onClick.bind(this)}\n      >\n        {this.props.children}\n      </View>\n    )\n  }\n}\n\nAtTag.defaultProps = {\n  size: 'normal',\n  type: '',\n  name: '',\n  circle: false,\n  active: false,\n  disabled: false,\n  customStyle: {}\n}\n\nAtTag.propTypes = {\n  size: PropTypes.oneOf(['normal', 'small']),\n  type: PropTypes.oneOf(['', 'primary']),\n  name: PropTypes.string,\n  circle: PropTypes.bool,\n  active: PropTypes.bool,\n  disabled: PropTypes.bool,\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  onClick: PropTypes.func\n}\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAA+B;AACtC,OAAO,WAAW;AAClB,SAAS,YAAY;AAIrB,MAAM,aAAa;AAAA,EACjB,QAAQ;AAAA,EACR,OAAO;AACT;AAEA,MAAM,aAAa;AAAA,EACjB,SAAS;AACX;AAEA,MAAO,cAA4B,MAAM,UAAsB;AAAA,EAIrD,QAAQ,OAA0B;AACxC,UAAM,EAAE,OAAO,IAAI,SAAS,OAAO,UAAU,QAAQ,IAAI,KAAK;AAC9D,QAAI,CAAC,UAAU;AACb,aAAO,YAAY,cACjB;AAAA,QACE;AAAA,UACE;AAAA,UACA;AAAA,QACF;AAAA,QACA;AAAA,MACF;AAAA,IACJ;AAAA,EACF;AAAA,EAEO,SAAsB;AAC3B,UAAM;AAAA,MACJ,OAAO;AAAA,MACP,OAAO;AAAA,MACP,SAAS;AAAA,MACT,WAAW;AAAA,MACX,SAAS;AAAA,MACT;AAAA,IACF,IAAI,KAAK;AACT,UAAM,gBAAgB,CAAC,QAAQ;AAE/B,UAAM,cAAc;AAAA,MAClB,CAAC,WAAW,WAAW,IAAI,CAAC,EAAE,GAAG,WAAW,IAAI;AAAA,MAChD,CAAC,WAAW,IAAI,EAAE,GAAG,WAAW,IAAI;AAAA,MACpC,oBAAoB;AAAA,MACpB,kBAAkB;AAAA,MAClB,kBAAkB;AAAA,IACpB;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,WAAW,eAAe,aAAa,KAAK,MAAM,SAAS;AAAA,QACtE,OAAO;AAAA,QACP,SAAS,KAAK,QAAQ,KAAK,IAAI;AAAA;AAAA,MAE9B,KAAK,MAAM;AAAA,IACd;AAAA,EAEJ;AACF;AAEA,MAAM,eAAe;AAAA,EACnB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,aAAa,CAAC;AAChB;AAEA,MAAM,YAAY;AAAA,EAChB,MAAM,UAAU,MAAM,CAAC,UAAU,OAAO,CAAC;AAAA,EACzC,MAAM,UAAU,MAAM,CAAC,IAAI,SAAS,CAAC;AAAA,EACrC,MAAM,UAAU;AAAA,EAChB,QAAQ,UAAU;AAAA,EAClB,QAAQ,UAAU;AAAA,EAClB,UAAU,UAAU;AAAA,EACpB,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACrE,SAAS,UAAU;AACrB;","names":[]}
+{"version":3,"sources":["../../../src/components/tag/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React from 'react'\nimport { View } from '@tarojs/components'\nimport { CommonEvent } from '@tarojs/components/types/common'\nimport { AtTagProps } from '../../../types/tag'\n\nconst SIZE_CLASS = {\n  normal: 'normal',\n  small: 'small'\n}\n\nconst TYPE_CLASS = {\n  primary: 'primary'\n}\n\nexport default function AtTag({\n  size = 'normal',\n  type = '',\n  name = '',\n  circle = false,\n  disabled = false,\n  active = false,\n  customStyle = {},\n  className,\n  children,\n  onClick\n}: AtTagProps): JSX.Element {\n  const handleClick = (event: CommonEvent): void => {\n    if (!disabled) {\n      typeof onClick === 'function' &&\n        onClick(\n          {\n            name,\n            active\n          },\n          event\n        )\n    }\n  }\n\n  const rootClassName = ['at-tag']\n\n  const classObject = {\n    [`at-tag--${SIZE_CLASS[size]}`]: SIZE_CLASS[size],\n    [`at-tag--${type}`]: TYPE_CLASS[type],\n    'at-tag--disabled': disabled,\n    'at-tag--active': active,\n    'at-tag--circle': circle\n  }\n\n  return (\n    <View\n      className={classNames(rootClassName, classObject, className)}\n      style={customStyle}\n      onClick={handleClick}\n    >\n      {children}\n    </View>\n  )\n}\n\nAtTag.propTypes = {\n  size: PropTypes.oneOf(['normal', 'small']),\n  type: PropTypes.oneOf(['', 'primary']),\n  name: PropTypes.string,\n  circle: PropTypes.bool,\n  active: PropTypes.bool,\n  disabled: PropTypes.bool,\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  onClick: PropTypes.func\n}\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAAe;AACtB,OAAO,WAAW;AAClB,SAAS,YAAY;AAIrB,MAAM,aAAa;AAAA,EACjB,QAAQ;AAAA,EACR,OAAO;AACT;AAEA,MAAM,aAAa;AAAA,EACjB,SAAS;AACX;AAEe,SAAR,MAAuB;AAAA,EAC5B,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,SAAS;AAAA,EACT,WAAW;AAAA,EACX,SAAS;AAAA,EACT,cAAc,CAAC;AAAA,EACf;AAAA,EACA;AAAA,EACA;AACF,GAA4B;AAC1B,QAAM,cAAc,CAAC,UAA6B;AAChD,QAAI,CAAC,UAAU;AACb,aAAO,YAAY,cACjB;AAAA,QACE;AAAA,UACE;AAAA,UACA;AAAA,QACF;AAAA,QACA;AAAA,MACF;AAAA,IACJ;AAAA,EACF;AAEA,QAAM,gBAAgB,CAAC,QAAQ;AAE/B,QAAM,cAAc;AAAA,IAClB,CAAC,WAAW,WAAW,IAAI,CAAC,EAAE,GAAG,WAAW,IAAI;AAAA,IAChD,CAAC,WAAW,IAAI,EAAE,GAAG,WAAW,IAAI;AAAA,IACpC,oBAAoB;AAAA,IACpB,kBAAkB;AAAA,IAClB,kBAAkB;AAAA,EACpB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,WAAW,eAAe,aAAa,SAAS;AAAA,MAC3D,OAAO;AAAA,MACP,SAAS;AAAA;AAAA,IAER;AAAA,EACH;AAEJ;AAEA,MAAM,YAAY;AAAA,EAChB,MAAM,UAAU,MAAM,CAAC,UAAU,OAAO,CAAC;AAAA,EACzC,MAAM,UAAU,MAAM,CAAC,IAAI,SAAS,CAAC;AAAA,EACrC,MAAM,UAAU;AAAA,EAChB,QAAQ,UAAU;AAAA,EAClB,QAAQ,UAAU;AAAA,EAClB,UAAU,UAAU;AAAA,EACpB,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACrE,SAAS,UAAU;AACrB;","names":[]}

package/dist/components/textarea/index.d.ts

@@ -1,13 +1,31 @@
-import { InferProps } from 'prop-types';
-import React from 'react';
+import PropTypes from 'prop-types';
 import { AtTextareaProps } from '../../../types/textarea';
-export default class AtTextarea extends React.Component<AtTextareaProps> {
-    static defaultProps: AtTextareaProps;
-    static propTypes: InferProps<AtTextareaProps>;
-    private handleInput;
-    private handleFocus;
-    private handleBlur;
-    private handleConfirm;
-    private handleLinechange;
-    render(): JSX.Element;
+declare function AtTextarea({ customStyle, className, cursorSpacing, maxLength, placeholder, disabled, autoFocus, focus, showConfirmBar, selectionStart, selectionEnd, count, fixed, height, textOverflowForbidden, value, placeholderStyle, placeholderClass, onChange, onFocus, onBlur, onConfirm, onLinechange }: AtTextareaProps): JSX.Element;
+declare namespace AtTextarea {
+    var propTypes: {
+        customStyle: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+        className: PropTypes.Requireable<NonNullable<string | any[] | null | undefined>>;
+        value: PropTypes.Requireable<string>;
+        cursorSpacing: PropTypes.Requireable<number>;
+        maxLength: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        placeholderClass: PropTypes.Requireable<string>;
+        placeholderStyle: PropTypes.Requireable<string>;
+        placeholder: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        autoFocus: PropTypes.Requireable<boolean>;
+        focus: PropTypes.Requireable<boolean>;
+        showConfirmBar: PropTypes.Requireable<boolean>;
+        selectionStart: PropTypes.Requireable<number>;
+        selectionEnd: PropTypes.Requireable<number>;
+        count: PropTypes.Requireable<boolean>;
+        textOverflowForbidden: PropTypes.Requireable<boolean>;
+        fixed: PropTypes.Requireable<boolean>;
+        height: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        onLinechange: PropTypes.Requireable<(...args: any[]) => any>;
+        onChange: PropTypes.Validator<(...args: any[]) => any>;
+        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
+        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+        onConfirm: PropTypes.Requireable<(...args: any[]) => any>;
+    };
 }
+export default AtTextarea;

package/dist/components/textarea/index.js

@@ -3,44 +3,77 @@ import PropTypes from "prop-types";
 import React from "react";
 import { Textarea, View } from "@tarojs/components";
 import Taro from "@tarojs/taro";
-import { pxTransform } from "../../common/utils";
+import { noop, pxTransform } from "../../common/utils";
 function getMaxLength(maxLength, textOverflowForbidden) {
   if (!textOverflowForbidden) {
     return maxLength + 500;
   }
   return maxLength;
 }
-const ENV = Taro.getEnv();
-class AtTextarea extends React.Component {
-  constructor() {
-    super(...arguments);
-    this.handleInput = (event) => {
-      this.props.onChange(event.detail.value, event);
-    };
-    this.handleFocus = (event) => {
-      this.props.onFocus && this.props.onFocus(event);
-    };
-    this.handleBlur = (event) => {
-      this.props.onBlur && this.props.onBlur(event);
-    };
-    this.handleConfirm = (event) => {
-      this.props.onConfirm && this.props.onConfirm(event);
-    };
-    this.handleLinechange = (event) => {
-      this.props.onLinechange && this.props.onLinechange(event);
-    };
-  }
-  render() {
-    const {
-      customStyle,
-      className,
-      value,
+function AtTextarea({
+  customStyle = "",
+  className = "",
+  cursorSpacing = 100,
+  maxLength = 200,
+  placeholder = "",
+  disabled = false,
+  autoFocus = false,
+  focus = false,
+  showConfirmBar = false,
+  selectionStart = -1,
+  selectionEnd = -1,
+  count = true,
+  fixed = false,
+  height = "",
+  textOverflowForbidden = true,
+  value,
+  placeholderStyle,
+  placeholderClass,
+  onChange = noop,
+  onFocus,
+  onBlur,
+  onConfirm,
+  onLinechange
+}) {
+  const ENV = Taro.getEnv();
+  const handleInput = (event) => {
+    onChange(event.detail.value, event);
+  };
+  const handleFocus = (event) => {
+    onFocus && onFocus(event);
+  };
+  const handleBlur = (event) => {
+    onBlur && onBlur(event);
+  };
+  const handleConfirm = (event) => {
+    onConfirm && onConfirm(event);
+  };
+  const handleLinechange = (event) => {
+    onLinechange && onLinechange(event);
+  };
+  const _maxLength = parseInt(maxLength.toString());
+  const actualMaxLength = getMaxLength(_maxLength, textOverflowForbidden);
+  const textareaStyle = height ? `height:${pxTransform(Number(height))}` : "";
+  const rootCls = classNames(
+    "at-textarea",
+    `at-textarea--${ENV}`,
+    {
+      "at-textarea--error": _maxLength < (value || "").length
+    },
+    className
+  );
+  const placeholderCls = classNames("placeholder", placeholderClass);
+  return /* @__PURE__ */ React.createElement(View, { className: rootCls, style: customStyle }, /* @__PURE__ */ React.createElement(
+    Textarea,
+    {
+      className: "at-textarea__textarea",
+      style: textareaStyle,
+      placeholderStyle,
+      placeholderClass: placeholderCls,
       cursorSpacing,
+      value: value || "",
+      maxlength: actualMaxLength,
       placeholder,
-      placeholderStyle,
-      placeholderClass,
-      maxLength = 200,
-      count,
       disabled,
       autoFocus,
       focus,
@@ -48,68 +81,14 @@ class AtTextarea extends React.Component {
       selectionStart,
       selectionEnd,
       fixed,
-      textOverflowForbidden = true,
-      height
-    } = this.props;
-    const _maxLength = parseInt(maxLength.toString());
-    const actualMaxLength = getMaxLength(_maxLength, textOverflowForbidden);
-    const textareaStyle = height ? `height:${pxTransform(Number(height))}` : "";
-    const rootCls = classNames(
-      "at-textarea",
-      `at-textarea--${ENV}`,
-      {
-        "at-textarea--error": _maxLength < (value || "").length
-      },
-      className
-    );
-    const placeholderCls = classNames("placeholder", placeholderClass);
-    return /* @__PURE__ */ React.createElement(View, { className: rootCls, style: customStyle }, /* @__PURE__ */ React.createElement(
-      Textarea,
-      {
-        className: "at-textarea__textarea",
-        style: textareaStyle,
-        placeholderStyle,
-        placeholderClass: placeholderCls,
-        cursorSpacing,
-        value: value || "",
-        maxlength: actualMaxLength,
-        placeholder,
-        disabled,
-        autoFocus,
-        focus,
-        showConfirmBar,
-        selectionStart,
-        selectionEnd,
-        fixed,
-        onInput: this.handleInput,
-        onFocus: this.handleFocus,
-        onBlur: this.handleBlur,
-        onConfirm: this.handleConfirm,
-        onLineChange: this.handleLinechange
-      }
-    ), count && /* @__PURE__ */ React.createElement(View, { className: "at-textarea__counter" }, (value || "").length, "/", _maxLength));
-  }
+      onInput: handleInput,
+      onFocus: handleFocus,
+      onBlur: handleBlur,
+      onConfirm: handleConfirm,
+      onLineChange: handleLinechange
+    }
+  ), count && /* @__PURE__ */ React.createElement(View, { className: "at-textarea__counter" }, (value || "").length, "/", _maxLength));
 }
-AtTextarea.defaultProps = {
-  customStyle: "",
-  className: "",
-  cursorSpacing: 100,
-  maxLength: 200,
-  placeholder: "",
-  disabled: false,
-  autoFocus: false,
-  focus: false,
-  showConfirmBar: false,
-  selectionStart: -1,
-  selectionEnd: -1,
-  count: true,
-  fixed: false,
-  height: "",
-  textOverflowForbidden: true,
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
-  onChange: () => {
-  }
-};
 AtTextarea.propTypes = {
   customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
   className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
@@ -135,7 +114,8 @@ AtTextarea.propTypes = {
   onBlur: PropTypes.func,
   onConfirm: PropTypes.func
 };
+var textarea_default = AtTextarea;
 export {
-  AtTextarea as default
+  textarea_default as default
 };
 //# sourceMappingURL=index.js.map

package/dist/components/textarea/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/textarea/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { Textarea, View } from '@tarojs/components'\nimport { CommonEvent } from '@tarojs/components/types/common'\nimport Taro from '@tarojs/taro'\nimport { AtTextareaProps } from '../../../types/textarea'\nimport { pxTransform } from '../../common/utils'\n\ntype ExtendEvent = {\n  target: {\n    value: string\n  }\n}\n\nfunction getMaxLength(\n  maxLength: number,\n  textOverflowForbidden: boolean\n): number {\n  if (!textOverflowForbidden) {\n    return maxLength + 500\n  }\n  return maxLength\n}\n\nconst ENV = Taro.getEnv()\n\nexport default class AtTextarea extends React.Component<AtTextareaProps> {\n  public static defaultProps: AtTextareaProps\n  public static propTypes: InferProps<AtTextareaProps>\n\n  private handleInput = (event: CommonEvent & ExtendEvent): void => {\n    this.props.onChange(event.detail.value, event)\n  }\n\n  private handleFocus = (event: CommonEvent): void => {\n    this.props.onFocus && this.props.onFocus(event)\n  }\n\n  private handleBlur = (event: CommonEvent): void => {\n    this.props.onBlur && this.props.onBlur(event)\n  }\n\n  private handleConfirm = (event: CommonEvent): void => {\n    this.props.onConfirm && this.props.onConfirm(event)\n  }\n\n  private handleLinechange = (event: CommonEvent): void => {\n    this.props.onLinechange && this.props.onLinechange(event)\n  }\n\n  public render(): JSX.Element {\n    const {\n      customStyle,\n      className,\n      value,\n      cursorSpacing,\n      placeholder,\n      placeholderStyle,\n      placeholderClass,\n      maxLength = 200,\n      count,\n      disabled,\n      autoFocus,\n      focus,\n      showConfirmBar,\n      selectionStart,\n      selectionEnd,\n      fixed,\n      textOverflowForbidden = true,\n      height\n    } = this.props\n\n    const _maxLength = parseInt(maxLength.toString())\n    const actualMaxLength = getMaxLength(_maxLength, textOverflowForbidden)\n    const textareaStyle = height ? `height:${pxTransform(Number(height))}` : ''\n    const rootCls = classNames(\n      'at-textarea',\n      `at-textarea--${ENV}`,\n      {\n        'at-textarea--error': _maxLength < (value || '').length\n      },\n      className\n    )\n    const placeholderCls = classNames('placeholder', placeholderClass)\n\n    return (\n      <View className={rootCls} style={customStyle}>\n        <Textarea\n          className='at-textarea__textarea'\n          style={textareaStyle}\n          placeholderStyle={placeholderStyle}\n          placeholderClass={placeholderCls}\n          cursorSpacing={cursorSpacing}\n          value={value || ''}\n          maxlength={actualMaxLength}\n          placeholder={placeholder}\n          disabled={disabled}\n          autoFocus={autoFocus}\n          focus={focus}\n          showConfirmBar={showConfirmBar}\n          selectionStart={selectionStart}\n          selectionEnd={selectionEnd}\n          fixed={fixed}\n          onInput={this.handleInput}\n          onFocus={this.handleFocus}\n          onBlur={this.handleBlur}\n          onConfirm={this.handleConfirm}\n          onLineChange={this.handleLinechange}\n        />\n        {count && (\n          <View className='at-textarea__counter'>\n            {(value || '').length}/{_maxLength}\n          </View>\n        )}\n      </View>\n    )\n  }\n}\n\nAtTextarea.defaultProps = {\n  customStyle: '',\n  className: '',\n  cursorSpacing: 100,\n  maxLength: 200,\n  placeholder: '',\n  disabled: false,\n  autoFocus: false,\n  focus: false,\n  showConfirmBar: false,\n  selectionStart: -1,\n  selectionEnd: -1,\n  count: true,\n  fixed: false,\n  height: '',\n  textOverflowForbidden: true,\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  onChange: (): void => {}\n}\n\nAtTextarea.propTypes = {\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\n  value: PropTypes.string,\n  cursorSpacing: PropTypes.number,\n  maxLength: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  placeholderClass: PropTypes.string,\n  placeholderStyle: PropTypes.string,\n  placeholder: PropTypes.string,\n  disabled: PropTypes.bool,\n  autoFocus: PropTypes.bool,\n  focus: PropTypes.bool,\n  showConfirmBar: PropTypes.bool,\n  selectionStart: PropTypes.number,\n  selectionEnd: PropTypes.number,\n  count: PropTypes.bool,\n  textOverflowForbidden: PropTypes.bool,\n  fixed: PropTypes.bool,\n  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  onLinechange: PropTypes.func,\n  onChange: PropTypes.func.isRequired,\n  onFocus: PropTypes.func,\n  onBlur: PropTypes.func,\n  onConfirm: PropTypes.func\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/textarea/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React from 'react'\nimport { Textarea, View } from '@tarojs/components'\nimport { CommonEvent } from '@tarojs/components/types/common'\nimport Taro from '@tarojs/taro'\nimport { AtTextareaProps } from '../../../types/textarea'\nimport { noop, pxTransform } from '../../common/utils'\n\ntype ExtendEvent = {\n  target: {\n    value: string\n  }\n}\n\nfunction getMaxLength(\n  maxLength: number,\n  textOverflowForbidden: boolean\n): number {\n  if (!textOverflowForbidden) {\n    return maxLength + 500\n  }\n  return maxLength\n}\n\nfunction AtTextarea({\n  customStyle = '',\n  className = '',\n  cursorSpacing = 100,\n  maxLength = 200,\n  placeholder = '',\n  disabled = false,\n  autoFocus = false,\n  focus = false,\n  showConfirmBar = false,\n  selectionStart = -1,\n  selectionEnd = -1,\n  count = true,\n  fixed = false,\n  height = '',\n  textOverflowForbidden = true,\n  value,\n  placeholderStyle,\n  placeholderClass,\n  onChange = noop,\n  onFocus,\n  onBlur,\n  onConfirm,\n  onLinechange\n}: AtTextareaProps): JSX.Element {\n  const ENV = Taro.getEnv()\n\n  const handleInput = (event: CommonEvent & ExtendEvent): void => {\n    onChange(event.detail.value, event)\n  }\n\n  const handleFocus = (event: CommonEvent): void => {\n    onFocus && onFocus(event)\n  }\n\n  const handleBlur = (event: CommonEvent): void => {\n    onBlur && onBlur(event)\n  }\n\n  const handleConfirm = (event: CommonEvent): void => {\n    onConfirm && onConfirm(event)\n  }\n\n  const handleLinechange = (event: CommonEvent): void => {\n    onLinechange && onLinechange(event)\n  }\n\n  const _maxLength = parseInt(maxLength.toString())\n  const actualMaxLength = getMaxLength(_maxLength, textOverflowForbidden)\n  const textareaStyle = height ? `height:${pxTransform(Number(height))}` : ''\n  const rootCls = classNames(\n    'at-textarea',\n    `at-textarea--${ENV}`,\n    {\n      'at-textarea--error': _maxLength < (value || '').length\n    },\n    className\n  )\n  const placeholderCls = classNames('placeholder', placeholderClass)\n\n  return (\n    <View className={rootCls} style={customStyle}>\n      <Textarea\n        className='at-textarea__textarea'\n        style={textareaStyle}\n        placeholderStyle={placeholderStyle}\n        placeholderClass={placeholderCls}\n        cursorSpacing={cursorSpacing}\n        value={value || ''}\n        maxlength={actualMaxLength}\n        placeholder={placeholder}\n        disabled={disabled}\n        autoFocus={autoFocus}\n        focus={focus}\n        showConfirmBar={showConfirmBar}\n        selectionStart={selectionStart}\n        selectionEnd={selectionEnd}\n        fixed={fixed}\n        onInput={handleInput}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onConfirm={handleConfirm}\n        onLineChange={handleLinechange}\n      />\n      {count && (\n        <View className='at-textarea__counter'>\n          {(value || '').length}/{_maxLength}\n        </View>\n      )}\n    </View>\n  )\n}\n\nAtTextarea.propTypes = {\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\n  value: PropTypes.string,\n  cursorSpacing: PropTypes.number,\n  maxLength: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  placeholderClass: PropTypes.string,\n  placeholderStyle: PropTypes.string,\n  placeholder: PropTypes.string,\n  disabled: PropTypes.bool,\n  autoFocus: PropTypes.bool,\n  focus: PropTypes.bool,\n  showConfirmBar: PropTypes.bool,\n  selectionStart: PropTypes.number,\n  selectionEnd: PropTypes.number,\n  count: PropTypes.bool,\n  textOverflowForbidden: PropTypes.bool,\n  fixed: PropTypes.bool,\n  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  onLinechange: PropTypes.func,\n  onChange: PropTypes.func.isRequired,\n  onFocus: PropTypes.func,\n  onBlur: PropTypes.func,\n  onConfirm: PropTypes.func\n}\n\nexport default AtTextarea\n"],"mappings":"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","names":[]}

package/dist/components/timeline/index.d.ts

@@ -1,8 +1,11 @@
-import { InferProps } from 'prop-types';
-import React from 'react';
+import PropTypes from 'prop-types';
 import { AtTimelineProps } from '../../../types/timeline';
-export default class AtTimeline extends React.Component<AtTimelineProps> {
-    static defaultProps: AtTimelineProps;
-    static propTypes: InferProps<AtTimelineProps>;
-    render(): JSX.Element;
+declare function AtTimeline({ pending, items, customStyle, className, onClickItem }: AtTimelineProps): JSX.Element;
+declare namespace AtTimeline {
+    var propTypes: {
+        pending: PropTypes.Requireable<boolean>;
+        items: PropTypes.Requireable<(object | null | undefined)[]>;
+        customStyle: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+    };
 }
+export default AtTimeline;

package/dist/components/timeline/index.js

@@ -2,69 +2,63 @@ import classNames from "classnames";
 import PropTypes from "prop-types";
 import React from "react";
 import { Text, View } from "@tarojs/components";
-class AtTimeline extends React.Component {
-  render() {
-    const { pending, items, customStyle, onClickItem } = this.props;
-    const rootClassName = ["at-timeline"];
-    if (pending) rootClassName.push("at-timeline--pending");
-    const rootClassObject = {
-      "at-timeline--pending": pending
-    };
-    const itemElems = items.map((item, index) => {
-      const { title = "", color, icon, content = [] } = item;
-      const iconClass = classNames({
-        "at-icon": true,
-        [`at-icon-${icon}`]: icon
-      });
-      const itemRootClassName = ["at-timeline-item"];
-      if (color) itemRootClassName.push(`at-timeline-item--${color}`);
-      const dotClass = [];
-      if (icon) {
-        dotClass.push("at-timeline-item__icon");
-      } else {
-        dotClass.push("at-timeline-item__dot");
-      }
-      const handleItemClick = (index2, e) => {
-        onClickItem == null ? void 0 : onClickItem(index2, e);
-      };
-      return /* @__PURE__ */ React.createElement(
-        View,
-        {
-          className: classNames(itemRootClassName),
-          key: `at-timeline-item-${index}`,
-          onClick: (e) => handleItemClick(index, e)
-        },
-        /* @__PURE__ */ React.createElement(View, { className: "at-timeline-item__tail" }),
-        /* @__PURE__ */ React.createElement(View, { className: classNames(dotClass) }, icon && /* @__PURE__ */ React.createElement(Text, { className: iconClass })),
-        /* @__PURE__ */ React.createElement(View, { className: "at-timeline-item__content" }, /* @__PURE__ */ React.createElement(View, { className: "at-timeline-item__content-item" }, title), content.map((sub, subIndex) => /* @__PURE__ */ React.createElement(
-          View,
-          {
-            className: "at-timeline-item__content-item at-timeline-item__content--sub",
-            key: subIndex
-          },
-          sub
-        )))
-      );
+function AtTimeline({
+  pending = false,
+  items = [],
+  customStyle = {},
+  className,
+  onClickItem
+}) {
+  const rootClassName = ["at-timeline"];
+  if (pending) rootClassName.push("at-timeline--pending");
+  const rootClassObject = {
+    "at-timeline--pending": pending
+  };
+  const itemElems = items.map((item, index) => {
+    const { title = "", color, icon, content = [] } = item;
+    const iconClass = classNames({
+      "at-icon": true,
+      [`at-icon-${icon}`]: icon
     });
+    const itemRootClassName = ["at-timeline-item"];
+    if (color) itemRootClassName.push(`at-timeline-item--${color}`);
+    const dotClass = [];
+    if (icon) {
+      dotClass.push("at-timeline-item__icon");
+    } else {
+      dotClass.push("at-timeline-item__dot");
+    }
+    const handleItemClick = (itemIndex, e) => {
+      onClickItem == null ? void 0 : onClickItem(itemIndex, e);
+    };
     return /* @__PURE__ */ React.createElement(
       View,
       {
-        className: classNames(
-          rootClassName,
-          rootClassObject,
-          this.props.className
-        ),
-        style: customStyle
+        className: classNames(itemRootClassName),
+        key: `at-timeline-item-${index}`,
+        onClick: (e) => handleItemClick(index, e)
       },
-      itemElems
+      /* @__PURE__ */ React.createElement(View, { className: "at-timeline-item__tail" }),
+      /* @__PURE__ */ React.createElement(View, { className: classNames(dotClass) }, icon && /* @__PURE__ */ React.createElement(Text, { className: iconClass })),
+      /* @__PURE__ */ React.createElement(View, { className: "at-timeline-item__content" }, /* @__PURE__ */ React.createElement(View, { className: "at-timeline-item__content-item" }, title), content.map((sub, subIndex) => /* @__PURE__ */ React.createElement(
+        View,
+        {
+          className: "at-timeline-item__content-item at-timeline-item__content--sub",
+          key: subIndex
+        },
+        sub
+      )))
     );
-  }
+  });
+  return /* @__PURE__ */ React.createElement(
+    View,
+    {
+      className: classNames(rootClassName, rootClassObject, className),
+      style: customStyle
+    },
+    itemElems
+  );
 }
-AtTimeline.defaultProps = {
-  pending: false,
-  items: [],
-  customStyle: {}
-};
 AtTimeline.propTypes = {
   pending: PropTypes.bool,
   items: PropTypes.arrayOf(PropTypes.object),

package/dist/components/timeline/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/timeline/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { Text, View } from '@tarojs/components'\nimport { AtTimelineProps } from '../../../types/timeline'\n\nexport default class AtTimeline extends React.Component<AtTimelineProps> {\n  public static defaultProps: AtTimelineProps\n  public static propTypes: InferProps<AtTimelineProps>\n\n  public render(): JSX.Element {\n    const { pending, items, customStyle, onClickItem } = this.props\n\n    const rootClassName = ['at-timeline']\n    if (pending) rootClassName.push('at-timeline--pending')\n\n    const rootClassObject = {\n      'at-timeline--pending': pending\n    }\n\n    const itemElems = items.map((item, index) => {\n      const { title = '', color, icon, content = [] } = item\n\n      const iconClass = classNames({\n        'at-icon': true,\n        [`at-icon-${icon}`]: icon\n      })\n\n      const itemRootClassName = ['at-timeline-item']\n      if (color) itemRootClassName.push(`at-timeline-item--${color}`)\n\n      const dotClass: string[] = []\n      if (icon) {\n        dotClass.push('at-timeline-item__icon')\n      } else {\n        dotClass.push('at-timeline-item__dot')\n      }\n\n      const handleItemClick = (index, e) => {\n        onClickItem?.(index, e)\n      }\n\n      return (\n        <View\n          className={classNames(itemRootClassName)}\n          key={`at-timeline-item-${index}`}\n          onClick={e => handleItemClick(index, e)}\n        >\n          <View className='at-timeline-item__tail'></View>\n          <View className={classNames(dotClass)}>\n            {icon && <Text className={iconClass}></Text>}\n          </View>\n          <View className='at-timeline-item__content'>\n            <View className='at-timeline-item__content-item'>{title}</View>\n            {content.map((sub, subIndex) => (\n              <View\n                className='at-timeline-item__content-item at-timeline-item__content--sub'\n                key={subIndex}\n              >\n                {sub}\n              </View>\n            ))}\n          </View>\n        </View>\n      )\n    })\n    return (\n      <View\n        className={classNames(\n          rootClassName,\n          rootClassObject,\n          this.props.className\n        )}\n        style={customStyle}\n      >\n        {itemElems}\n      </View>\n    )\n  }\n}\n\nAtTimeline.defaultProps = {\n  pending: false,\n  items: [],\n  customStyle: {}\n}\n\nAtTimeline.propTypes = {\n  pending: PropTypes.bool,\n  items: PropTypes.arrayOf(PropTypes.object),\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string])\n}\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAA+B;AACtC,OAAO,WAAW;AAClB,SAAS,MAAM,YAAY;AAG3B,MAAO,mBAAiC,MAAM,UAA2B;AAAA,EAIhE,SAAsB;AAC3B,UAAM,EAAE,SAAS,OAAO,aAAa,YAAY,IAAI,KAAK;AAE1D,UAAM,gBAAgB,CAAC,aAAa;AACpC,QAAI,QAAS,eAAc,KAAK,sBAAsB;AAEtD,UAAM,kBAAkB;AAAA,MACtB,wBAAwB;AAAA,IAC1B;AAEA,UAAM,YAAY,MAAM,IAAI,CAAC,MAAM,UAAU;AAC3C,YAAM,EAAE,QAAQ,IAAI,OAAO,MAAM,UAAU,CAAC,EAAE,IAAI;AAElD,YAAM,YAAY,WAAW;AAAA,QAC3B,WAAW;AAAA,QACX,CAAC,WAAW,IAAI,EAAE,GAAG;AAAA,MACvB,CAAC;AAED,YAAM,oBAAoB,CAAC,kBAAkB;AAC7C,UAAI,MAAO,mBAAkB,KAAK,qBAAqB,KAAK,EAAE;AAE9D,YAAM,WAAqB,CAAC;AAC5B,UAAI,MAAM;AACR,iBAAS,KAAK,wBAAwB;AAAA,MACxC,OAAO;AACL,iBAAS,KAAK,uBAAuB;AAAA,MACvC;AAEA,YAAM,kBAAkB,CAACA,QAAO,MAAM;AACpC,mDAAcA,QAAO;AAAA,MACvB;AAEA,aACE;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,WAAW,iBAAiB;AAAA,UACvC,KAAK,oBAAoB,KAAK;AAAA,UAC9B,SAAS,OAAK,gBAAgB,OAAO,CAAC;AAAA;AAAA,QAEtC,oCAAC,QAAK,WAAU,0BAAyB;AAAA,QACzC,oCAAC,QAAK,WAAW,WAAW,QAAQ,KACjC,QAAQ,oCAAC,QAAK,WAAW,WAAW,CACvC;AAAA,QACA,oCAAC,QAAK,WAAU,+BACd,oCAAC,QAAK,WAAU,oCAAkC,KAAM,GACvD,QAAQ,IAAI,CAAC,KAAK,aACjB;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,KAAK;AAAA;AAAA,UAEJ;AAAA,QACH,CACD,CACH;AAAA,MACF;AAAA,IAEJ,CAAC;AACD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA,KAAK,MAAM;AAAA,QACb;AAAA,QACA,OAAO;AAAA;AAAA,MAEN;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,WAAW,eAAe;AAAA,EACxB,SAAS;AAAA,EACT,OAAO,CAAC;AAAA,EACR,aAAa,CAAC;AAChB;AAEA,WAAW,YAAY;AAAA,EACrB,SAAS,UAAU;AAAA,EACnB,OAAO,UAAU,QAAQ,UAAU,MAAM;AAAA,EACzC,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AACvE;","names":["index"]}
+{"version":3,"sources":["../../../src/components/timeline/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React from 'react'\nimport { Text, View } from '@tarojs/components'\nimport { AtTimelineProps } from '../../../types/timeline'\n\nexport default function AtTimeline({\n  pending = false,\n  items = [],\n  customStyle = {},\n  className,\n  onClickItem\n}: AtTimelineProps): JSX.Element {\n  const rootClassName = ['at-timeline']\n  if (pending) rootClassName.push('at-timeline--pending')\n\n  const rootClassObject = {\n    'at-timeline--pending': pending\n  }\n\n  const itemElems = items.map((item, index) => {\n    const { title = '', color, icon, content = [] } = item\n\n    const iconClass = classNames({\n      'at-icon': true,\n      [`at-icon-${icon}`]: icon\n    })\n\n    const itemRootClassName = ['at-timeline-item']\n    if (color) itemRootClassName.push(`at-timeline-item--${color}`)\n\n    const dotClass: string[] = []\n    if (icon) {\n      dotClass.push('at-timeline-item__icon')\n    } else {\n      dotClass.push('at-timeline-item__dot')\n    }\n\n    const handleItemClick = (itemIndex: number, e: any): void => {\n      onClickItem?.(itemIndex, e)\n    }\n\n    return (\n      <View\n        className={classNames(itemRootClassName)}\n        key={`at-timeline-item-${index}`}\n        onClick={e => handleItemClick(index, e)}\n      >\n        <View className='at-timeline-item__tail'></View>\n        <View className={classNames(dotClass)}>\n          {icon && <Text className={iconClass}></Text>}\n        </View>\n        <View className='at-timeline-item__content'>\n          <View className='at-timeline-item__content-item'>{title}</View>\n          {content.map((sub, subIndex) => (\n            <View\n              className='at-timeline-item__content-item at-timeline-item__content--sub'\n              key={subIndex}\n            >\n              {sub}\n            </View>\n          ))}\n        </View>\n      </View>\n    )\n  })\n  return (\n    <View\n      className={classNames(rootClassName, rootClassObject, className)}\n      style={customStyle}\n    >\n      {itemElems}\n    </View>\n  )\n}\n\nAtTimeline.propTypes = {\n  pending: PropTypes.bool,\n  items: PropTypes.arrayOf(PropTypes.object),\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string])\n}\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAAe;AACtB,OAAO,WAAW;AAClB,SAAS,MAAM,YAAY;AAGZ,SAAR,WAA4B;AAAA,EACjC,UAAU;AAAA,EACV,QAAQ,CAAC;AAAA,EACT,cAAc,CAAC;AAAA,EACf;AAAA,EACA;AACF,GAAiC;AAC/B,QAAM,gBAAgB,CAAC,aAAa;AACpC,MAAI,QAAS,eAAc,KAAK,sBAAsB;AAEtD,QAAM,kBAAkB;AAAA,IACtB,wBAAwB;AAAA,EAC1B;AAEA,QAAM,YAAY,MAAM,IAAI,CAAC,MAAM,UAAU;AAC3C,UAAM,EAAE,QAAQ,IAAI,OAAO,MAAM,UAAU,CAAC,EAAE,IAAI;AAElD,UAAM,YAAY,WAAW;AAAA,MAC3B,WAAW;AAAA,MACX,CAAC,WAAW,IAAI,EAAE,GAAG;AAAA,IACvB,CAAC;AAED,UAAM,oBAAoB,CAAC,kBAAkB;AAC7C,QAAI,MAAO,mBAAkB,KAAK,qBAAqB,KAAK,EAAE;AAE9D,UAAM,WAAqB,CAAC;AAC5B,QAAI,MAAM;AACR,eAAS,KAAK,wBAAwB;AAAA,IACxC,OAAO;AACL,eAAS,KAAK,uBAAuB;AAAA,IACvC;AAEA,UAAM,kBAAkB,CAAC,WAAmB,MAAiB;AAC3D,iDAAc,WAAW;AAAA,IAC3B;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,WAAW,iBAAiB;AAAA,QACvC,KAAK,oBAAoB,KAAK;AAAA,QAC9B,SAAS,OAAK,gBAAgB,OAAO,CAAC;AAAA;AAAA,MAEtC,oCAAC,QAAK,WAAU,0BAAyB;AAAA,MACzC,oCAAC,QAAK,WAAW,WAAW,QAAQ,KACjC,QAAQ,oCAAC,QAAK,WAAW,WAAW,CACvC;AAAA,MACA,oCAAC,QAAK,WAAU,+BACd,oCAAC,QAAK,WAAU,oCAAkC,KAAM,GACvD,QAAQ,IAAI,CAAC,KAAK,aACjB;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,KAAK;AAAA;AAAA,QAEJ;AAAA,MACH,CACD,CACH;AAAA,IACF;AAAA,EAEJ,CAAC;AACD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,WAAW,eAAe,iBAAiB,SAAS;AAAA,MAC/D,OAAO;AAAA;AAAA,IAEN;AAAA,EACH;AAEJ;AAEA,WAAW,YAAY;AAAA,EACrB,SAAS,UAAU;AAAA,EACnB,OAAO,UAAU,QAAQ,UAAU,MAAM;AAAA,EACzC,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AACvE;","names":[]}