taro-ui 3.3.1 → 3.3.3

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

@@ -0,0 +1,29 @@
+import { InferProps } from 'prop-types';
+import React from 'react';
+import { AtIndexesProps, AtIndexesState } from '../../../types/indexes';
+export default class AtIndexes extends React.Component<AtIndexesProps, AtIndexesState> {
+    static defaultProps: AtIndexesProps;
+    static propTypes: InferProps<AtIndexesProps>;
+    private menuHeight;
+    private startTop;
+    private itemHeight;
+    private currentIndex;
+    private listId;
+    private timeoutTimer;
+    private listRef;
+    private indexMap;
+    constructor(props: AtIndexesProps);
+    private handleClick;
+    private handleTouchMove;
+    private handleTouchEnd;
+    private jumpTarget;
+    private __jumpTarget;
+    private updateState;
+    private initData;
+    private handleScroll;
+    private getAnchorIndex;
+    UNSAFE_componentWillReceiveProps(nextProps: AtIndexesProps): void;
+    componentDidMount(): void;
+    UNSAFE_componentWillMount(): void;
+    render(): JSX.Element;
+}

package/dist/components/indexes/index.js

@@ -0,0 +1,272 @@
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import React from "react";
+import { ScrollView, View } from "@tarojs/components";
+import Taro from "@tarojs/taro";
+import {
+  delayQuerySelector,
+  isTest,
+  pxTransform,
+  uuid
+} from "../../common/utils";
+import AtList from "../list/index";
+import AtListItem from "../list/item/index";
+import AtToast from "../toast/index";
+const ENV = Taro.getEnv();
+class AtIndexes extends React.Component {
+  constructor(props) {
+    super(props);
+    this.handleClick = (item) => {
+      this.props.onClick && this.props.onClick(item);
+    };
+    this.handleTouchMove = (event) => {
+      event.stopPropagation();
+      event.preventDefault();
+      const { list } = this.props;
+      const pageY = event.touches[0].pageY;
+      const index = Math.floor((pageY - this.startTop) / this.itemHeight);
+      if (index >= 0 && index <= list.length && this.currentIndex !== index) {
+        this.currentIndex = index;
+        const key = index > 0 ? list[index - 1].key : "top";
+        const touchView = `at-indexes__list-${key}`;
+        this.jumpTarget(touchView, index);
+      }
+    };
+    this.handleTouchEnd = () => {
+      this.currentIndex = -1;
+    };
+    this.state = {
+      _scrollIntoView: "",
+      _scrollTop: 0,
+      _tipText: "",
+      _isShowToast: false,
+      isWEB: Taro.getEnv() === Taro.ENV_TYPE.WEB,
+      currentIndex: -1
+    };
+    this.menuHeight = 0;
+    this.startTop = 0;
+    this.itemHeight = 0;
+    this.currentIndex = -1;
+    this.listId = isTest() ? "indexes-list-AOTU2018" : `list-${uuid()}`;
+    this.indexMap = [];
+  }
+  jumpTarget(_scrollIntoView, idx) {
+    const { topKey = "Top", list } = this.props;
+    const _tipText = idx === 0 ? topKey : list[idx - 1].key;
+    if (ENV === Taro.ENV_TYPE.WEB) {
+      delayQuerySelector(".at-indexes", 0).then((rect) => {
+        const targetOffsetTop = this.listRef.children[idx].offsetTop;
+        const _scrollTop = targetOffsetTop - rect[0].top;
+        this.updateState({
+          _scrollTop,
+          _scrollIntoView,
+          _tipText
+        });
+      });
+      return;
+    }
+    this.updateState({
+      _scrollIntoView,
+      _tipText
+    });
+  }
+  __jumpTarget(key) {
+    const { list } = this.props;
+    const index = list.findIndex((item) => item.key === key);
+    const targetView = `at-indexes__list-${key}`;
+    this.jumpTarget(targetView, index + 1);
+  }
+  updateState(state) {
+    const { isShowToast, isVibrate } = this.props;
+    const { _scrollIntoView, _tipText, _scrollTop } = state;
+    this.setState(
+      {
+        _scrollIntoView,
+        _tipText,
+        _scrollTop,
+        _isShowToast: isShowToast
+      },
+      /* eslint-enable @typescript-eslint/no-non-null-assertion */
+      () => {
+        clearTimeout(this.timeoutTimer);
+        this.timeoutTimer = setTimeout(() => {
+          this.setState({
+            _tipText: "",
+            _isShowToast: false
+          });
+        }, 3e3);
+      }
+    );
+    if (isVibrate) {
+      Taro.vibrateShort();
+    }
+  }
+  async initData() {
+    var _a, _b, _c, _d;
+    delayQuerySelector(".at-indexes__menu").then((rect) => {
+      const len = this.props.list.length;
+      this.menuHeight = rect[0].height;
+      this.startTop = rect[0].top;
+      this.itemHeight = Math.floor(this.menuHeight / (len + 1));
+    });
+    const headerHeight = ((_b = (_a = await delayQuerySelector("#at-indexes__top")) == null ? void 0 : _a[0]) == null ? void 0 : _b.height) || 0;
+    const itemHeight = ((_c = await delayQuerySelector(".at-list__item")) == null ? void 0 : _c[0].height) || 0;
+    const titleHeight = ((_d = await delayQuerySelector(".at-indexes__list-title")) == null ? void 0 : _d[0].height) || 0;
+    this.indexMap = [];
+    this.props.list.forEach((dataList, i) => {
+      if (i === 0) {
+        this.indexMap.push({
+          key: dataList.key,
+          startHeight: headerHeight,
+          endHeight: dataList.items.length * itemHeight + headerHeight + titleHeight
+        });
+      } else {
+        const prev = this.indexMap[i - 1];
+        this.indexMap.push({
+          key: dataList.key,
+          startHeight: prev.endHeight,
+          endHeight: prev.endHeight + dataList.items.length * itemHeight + titleHeight
+        });
+      }
+    });
+  }
+  handleScroll(e) {
+    if (e && e.detail) {
+      const scrollTop = e.detail.scrollTop;
+      this.setState({
+        _scrollTop: scrollTop
+      });
+      this.getAnchorIndex(scrollTop);
+    }
+  }
+  // 根据滚动高度，判断当前应该显示的索引值
+  getAnchorIndex(scrollTop) {
+    const index = this.indexMap.findIndex((item) => {
+      return scrollTop >= item.startHeight && scrollTop < item.endHeight;
+    });
+    this.setState({
+      currentIndex: index
+    });
+  }
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    if (nextProps.list.length !== this.props.list.length) {
+      this.initData();
+    }
+  }
+  componentDidMount() {
+    if (ENV === Taro.ENV_TYPE.WEB) {
+      this.listRef = document.getElementById(this.listId);
+    }
+    this.initData();
+  }
+  UNSAFE_componentWillMount() {
+    this.props.onScrollIntoView && this.props.onScrollIntoView(this.__jumpTarget.bind(this));
+  }
+  render() {
+    const { className, customStyle, animation, topKey, list } = this.props;
+    const {
+      _scrollTop,
+      _scrollIntoView,
+      _tipText,
+      _isShowToast,
+      isWEB,
+      currentIndex
+    } = this.state;
+    const toastStyle = { minWidth: pxTransform(100) };
+    const rootCls = classNames("at-indexes", className);
+    const menuList = list.map((dataList, i) => {
+      const { key } = dataList;
+      const targetView = `at-indexes__list-${key}`;
+      return /* @__PURE__ */ React.createElement(
+        View,
+        {
+          className: classNames("at-indexes__menu-item", {
+            "at-indexes__menu-item--active": currentIndex === i
+          }),
+          key,
+          onClick: this.jumpTarget.bind(this, targetView, i + 1)
+        },
+        key
+      );
+    });
+    const indexesList = list.map((dataList) => /* @__PURE__ */ React.createElement(
+      View,
+      {
+        id: `at-indexes__list-${dataList.key}`,
+        className: "at-indexes__list",
+        key: dataList.key
+      },
+      /* @__PURE__ */ React.createElement(View, { className: "at-indexes__list-title" }, dataList.title),
+      /* @__PURE__ */ React.createElement(AtList, null, dataList.items && dataList.items.map((item) => /* @__PURE__ */ React.createElement(
+        AtListItem,
+        {
+          key: item.name,
+          title: item.name,
+          onClick: this.handleClick.bind(this, item)
+        }
+      )))
+    ));
+    return /* @__PURE__ */ React.createElement(View, { className: rootCls, style: customStyle }, /* @__PURE__ */ React.createElement(
+      AtToast,
+      {
+        customStyle: toastStyle,
+        isOpened: _isShowToast,
+        text: _tipText,
+        duration: 2e3
+      }
+    ), /* @__PURE__ */ React.createElement(
+      View,
+      {
+        className: "at-indexes__menu",
+        onTouchMove: this.handleTouchMove,
+        onTouchEnd: this.handleTouchEnd
+      },
+      /* @__PURE__ */ React.createElement(
+        View,
+        {
+          className: "at-indexes__menu-item",
+          onClick: this.jumpTarget.bind(this, "at-indexes__top", 0)
+        },
+        topKey
+      ),
+      menuList
+    ), /* @__PURE__ */ React.createElement(
+      ScrollView,
+      {
+        className: "at-indexes__body",
+        id: this.listId,
+        scrollY: true,
+        scrollWithAnimation: animation,
+        scrollTop: isWEB ? _scrollTop : void 0,
+        scrollIntoView: !isWEB ? _scrollIntoView : "",
+        onScroll: this.handleScroll.bind(this)
+      },
+      /* @__PURE__ */ React.createElement(View, { className: "at-indexes__content", id: "at-indexes__top" }, this.props.children),
+      indexesList
+    ));
+  }
+}
+AtIndexes.propTypes = {
+  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
+  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
+  animation: PropTypes.bool,
+  isVibrate: PropTypes.bool,
+  isShowToast: PropTypes.bool,
+  topKey: PropTypes.string,
+  list: PropTypes.array,
+  onClick: PropTypes.func,
+  onScrollIntoView: PropTypes.func
+};
+AtIndexes.defaultProps = {
+  customStyle: "",
+  className: "",
+  animation: false,
+  topKey: "Top",
+  isVibrate: true,
+  isShowToast: true,
+  list: []
+};
+export {
+  AtIndexes as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/indexes/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { ScrollView, View } from '@tarojs/components'\nimport { CommonEvent, ITouchEvent } from '@tarojs/components/types/common'\nimport Taro from '@tarojs/taro'\nimport { AtIndexesProps, AtIndexesState, Item } from '../../../types/indexes'\nimport {\n  delayQuerySelector,\n  isTest,\n  pxTransform,\n  uuid\n} from '../../common/utils'\nimport AtList from '../list/index'\nimport AtListItem from '../list/item/index'\nimport AtToast from '../toast/index'\n\nconst ENV = Taro.getEnv()\n\nexport default class AtIndexes extends React.Component<\n  AtIndexesProps,\n  AtIndexesState\n> {\n  public static defaultProps: AtIndexesProps\n  public static propTypes: InferProps<AtIndexesProps>\n\n  private menuHeight: number\n  private startTop: number\n  private itemHeight: number\n  private currentIndex: number\n  private listId: string\n  private timeoutTimer: NodeJS.Timeout | number | undefined\n  private listRef: any\n  private indexMap: { key: string; startHeight: number; endHeight: number }[]\n\n  public constructor(props: AtIndexesProps) {\n    super(props)\n    this.state = {\n      _scrollIntoView: '',\n      _scrollTop: 0,\n      _tipText: '',\n      _isShowToast: false,\n      isWEB: Taro.getEnv() === Taro.ENV_TYPE.WEB,\n      currentIndex: -1\n    }\n    // 右侧导航高度\n    this.menuHeight = 0\n    // 右侧导航距离顶部高度\n    this.startTop = 0\n    // 右侧导航元素高度\n    this.itemHeight = 0\n    // 当前索引\n    this.currentIndex = -1\n    this.listId = isTest() ? 'indexes-list-AOTU2018' : `list-${uuid()}`\n    this.indexMap = []\n  }\n\n  private handleClick = (item: Item): void => {\n    this.props.onClick && this.props.onClick(item)\n  }\n\n  private handleTouchMove = (event: ITouchEvent): void => {\n    event.stopPropagation()\n    event.preventDefault()\n\n    const { list } = this.props\n    const pageY = event.touches[0].pageY\n    const index = Math.floor((pageY - this.startTop) / this.itemHeight)\n\n    if (index >= 0 && index <= list.length && this.currentIndex !== index) {\n      this.currentIndex = index\n      const key = index > 0 ? list[index - 1].key : 'top'\n      const touchView = `at-indexes__list-${key}`\n      this.jumpTarget(touchView, index)\n    }\n  }\n\n  private handleTouchEnd = (): void => {\n    this.currentIndex = -1\n  }\n\n  private jumpTarget(_scrollIntoView: string, idx: number): void {\n    const { topKey = 'Top', list } = this.props\n    const _tipText = idx === 0 ? topKey : list[idx - 1].key\n\n    if (ENV === Taro.ENV_TYPE.WEB) {\n      delayQuerySelector('.at-indexes', 0).then(rect => {\n        const targetOffsetTop = this.listRef.children[idx].offsetTop\n        const _scrollTop = targetOffsetTop - rect[0].top\n        this.updateState({\n          _scrollTop,\n          _scrollIntoView,\n          _tipText\n        })\n      })\n      return\n    }\n\n    this.updateState({\n      _scrollIntoView,\n      _tipText\n    })\n  }\n\n  private __jumpTarget(key: string): void {\n    const { list } = this.props\n    // const index = _findIndex(list, ['key', key])\n    const index = list.findIndex(item => item.key === key)\n    const targetView = `at-indexes__list-${key}`\n    this.jumpTarget(targetView, index + 1)\n  }\n\n  private updateState(state: Partial<AtIndexesState>): void {\n    const { isShowToast, isVibrate } = this.props\n    const { _scrollIntoView, _tipText, _scrollTop } = state\n    // TODO: Fix dirty hack\n    /* eslint-disable @typescript-eslint/no-non-null-assertion */\n    this.setState(\n      {\n        _scrollIntoView: _scrollIntoView!,\n        _tipText: _tipText!,\n        _scrollTop: _scrollTop!,\n        _isShowToast: isShowToast!\n      },\n      /* eslint-enable @typescript-eslint/no-non-null-assertion */\n      () => {\n        clearTimeout(this.timeoutTimer as number)\n        this.timeoutTimer = setTimeout(() => {\n          this.setState({\n            _tipText: '',\n            _isShowToast: false\n          })\n        }, 3000)\n      }\n    )\n\n    if (isVibrate) {\n      Taro.vibrateShort()\n    }\n  }\n\n  private async initData(): Promise<void> {\n    delayQuerySelector('.at-indexes__menu').then(rect => {\n      const len = this.props.list.length\n      this.menuHeight = rect[0].height\n      this.startTop = rect[0].top\n      this.itemHeight = Math.floor(this.menuHeight / (len + 1))\n    })\n\n    const headerHeight =\n      (await delayQuerySelector('#at-indexes__top'))?.[0]?.height || 0\n    const itemHeight =\n      (await delayQuerySelector('.at-list__item'))?.[0].height || 0\n    const titleHeight =\n      (await delayQuerySelector('.at-indexes__list-title'))?.[0].height || 0\n\n    this.indexMap = []\n    this.props.list.forEach((dataList, i) => {\n      if (i === 0) {\n        this.indexMap.push({\n          key: dataList.key,\n          startHeight: headerHeight,\n          endHeight:\n            dataList.items.length * itemHeight + headerHeight + titleHeight\n        })\n      } else {\n        const prev = this.indexMap[i - 1]\n        this.indexMap.push({\n          key: dataList.key,\n          startHeight: prev.endHeight,\n          endHeight:\n            prev.endHeight + dataList.items.length * itemHeight + titleHeight\n        })\n      }\n    })\n  }\n\n  private handleScroll(e: CommonEvent): void {\n    if (e && e.detail) {\n      const scrollTop = e.detail.scrollTop\n\n      this.setState({\n        _scrollTop: scrollTop\n      })\n\n      this.getAnchorIndex(scrollTop)\n    }\n  }\n\n  // 根据滚动高度，判断当前应该显示的索引值\n  private getAnchorIndex(scrollTop: number) {\n    const index = this.indexMap.findIndex(item => {\n      return scrollTop >= item.startHeight && scrollTop < item.endHeight\n    })\n\n    this.setState({\n      currentIndex: index\n    })\n  }\n\n  public UNSAFE_componentWillReceiveProps(nextProps: AtIndexesProps): void {\n    if (nextProps.list.length !== this.props.list.length) {\n      this.initData()\n    }\n  }\n\n  public componentDidMount(): void {\n    if (ENV === Taro.ENV_TYPE.WEB) {\n      this.listRef = document.getElementById(this.listId)\n    }\n    this.initData()\n  }\n\n  public UNSAFE_componentWillMount(): void {\n    this.props.onScrollIntoView &&\n      this.props.onScrollIntoView(this.__jumpTarget.bind(this))\n  }\n\n  public render(): JSX.Element {\n    const { className, customStyle, animation, topKey, list } = this.props\n    const {\n      _scrollTop,\n      _scrollIntoView,\n      _tipText,\n      _isShowToast,\n      isWEB,\n      currentIndex\n    } = this.state\n\n    const toastStyle = { minWidth: pxTransform(100) }\n    const rootCls = classNames('at-indexes', className)\n\n    const menuList = list.map((dataList, i) => {\n      const { key } = dataList\n      const targetView = `at-indexes__list-${key}`\n      return (\n        <View\n          className={classNames('at-indexes__menu-item', {\n            'at-indexes__menu-item--active': currentIndex === i\n          })}\n          key={key}\n          onClick={this.jumpTarget.bind(this, targetView, i + 1)}\n        >\n          {key}\n        </View>\n      )\n    })\n\n    const indexesList = list.map(dataList => (\n      <View\n        id={`at-indexes__list-${dataList.key}`}\n        className='at-indexes__list'\n        key={dataList.key}\n      >\n        <View className='at-indexes__list-title'>{dataList.title}</View>\n        <AtList>\n          {dataList.items &&\n            dataList.items.map(item => (\n              <AtListItem\n                key={item.name}\n                title={item.name}\n                onClick={this.handleClick.bind(this, item)}\n              />\n            ))}\n        </AtList>\n      </View>\n    ))\n\n    return (\n      <View className={rootCls} style={customStyle}>\n        <AtToast\n          customStyle={toastStyle}\n          isOpened={_isShowToast}\n          text={_tipText}\n          duration={2000}\n        />\n        <View\n          className='at-indexes__menu'\n          onTouchMove={this.handleTouchMove}\n          onTouchEnd={this.handleTouchEnd}\n        >\n          <View\n            className='at-indexes__menu-item'\n            onClick={this.jumpTarget.bind(this, 'at-indexes__top', 0)}\n          >\n            {topKey}\n          </View>\n          {menuList}\n        </View>\n        <ScrollView\n          className='at-indexes__body'\n          id={this.listId}\n          scrollY\n          scrollWithAnimation={animation}\n          // eslint-disable-next-line no-undefined\n          scrollTop={isWEB ? _scrollTop : undefined}\n          scrollIntoView={!isWEB ? _scrollIntoView : ''}\n          onScroll={this.handleScroll.bind(this)}\n        >\n          <View className='at-indexes__content' id='at-indexes__top'>\n            {this.props.children}\n          </View>\n          {indexesList}\n        </ScrollView>\n      </View>\n    )\n  }\n}\n\nAtIndexes.propTypes = {\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\n  animation: PropTypes.bool,\n  isVibrate: PropTypes.bool,\n  isShowToast: PropTypes.bool,\n  topKey: PropTypes.string,\n  list: PropTypes.array,\n  onClick: PropTypes.func,\n  onScrollIntoView: PropTypes.func\n}\n\nAtIndexes.defaultProps = {\n  customStyle: '',\n  className: '',\n  animation: false,\n  topKey: 'Top',\n  isVibrate: true,\n  isShowToast: true,\n  list: []\n}\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,17 @@
+import { InferProps } from 'prop-types';
+import React from 'react';
+import { AtInputProps } from '../../../types/input';
+export default class AtInput extends React.Component<AtInputProps> {
+    static defaultProps: AtInputProps;
+    static propTypes: InferProps<AtInputProps>;
+    private inputClearing;
+    private handleInput;
+    private handleFocus;
+    private handleBlur;
+    private handleConfirm;
+    private handleClick;
+    private handleClearValue;
+    private handleKeyboardHeightChange;
+    private handleErrorClick;
+    render(): JSX.Element;
+}

package/dist/components/input/index.js

@@ -0,0 +1,232 @@
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import React from "react";
+import { Input, Label, Text, View } from "@tarojs/components";
+function getInputProps(props) {
+  const actualProps = {
+    type: props.type,
+    maxLength: props.maxLength || props.maxlength,
+    disabled: props.disabled,
+    password: false
+  };
+  switch (actualProps.type) {
+    case "phone":
+      actualProps.type = "number";
+      actualProps.maxLength = 11;
+      break;
+    case "password":
+      actualProps.type = "text";
+      actualProps.password = true;
+      break;
+    default:
+      break;
+  }
+  if (!props.disabled && !props.editable) {
+    actualProps.disabled = true;
+  }
+  return actualProps;
+}
+class AtInput extends React.Component {
+  constructor() {
+    super(...arguments);
+    // TODO: 有待考证是否为合理方式处理 #840
+    this.inputClearing = false;
+    this.handleInput = (event) => {
+      var _a, _b;
+      return (_b = (_a = this.props).onChange) == null ? void 0 : _b.call(_a, event.detail.value, event);
+    };
+    this.handleFocus = (event) => {
+      if (typeof this.props.onFocus === "function") {
+        this.props.onFocus(event.detail.value, event);
+      }
+    };
+    this.handleBlur = (event) => {
+      var _a, _b;
+      if (typeof this.props.onBlur === "function") {
+        this.props.onBlur(event.detail.value, event);
+      }
+      if (event.type === "blur" && !this.inputClearing) {
+        (_b = (_a = this.props).onChange) == null ? void 0 : _b.call(
+          _a,
+          event.detail.value,
+          event
+        );
+      }
+      this.inputClearing = false;
+    };
+    this.handleConfirm = (event) => {
+      if (typeof this.props.onConfirm === "function") {
+        this.props.onConfirm(event.detail.value, event);
+      }
+    };
+    this.handleClick = (event) => {
+      if (!this.props.editable && typeof this.props.onClick === "function") {
+        this.props.onClick(event);
+      }
+    };
+    this.handleClearValue = (event) => {
+      var _a, _b;
+      this.inputClearing = true;
+      (_b = (_a = this.props).onChange) == null ? void 0 : _b.call(_a, "", event);
+    };
+    this.handleKeyboardHeightChange = (event) => {
+      if (typeof this.props.onKeyboardHeightChange === "function") {
+        this.props.onKeyboardHeightChange(event);
+      }
+    };
+    this.handleErrorClick = (event) => {
+      if (typeof this.props.onErrorClick === "function") {
+        this.props.onErrorClick(event);
+      }
+    };
+  }
+  render() {
+    const {
+      className,
+      customStyle,
+      name,
+      cursorSpacing,
+      confirmType,
+      cursor,
+      selectionStart,
+      selectionEnd,
+      adjustPosition,
+      border,
+      title,
+      error,
+      clear,
+      placeholder,
+      placeholderStyle,
+      placeholderClass,
+      autoFocus = false,
+      focus = false,
+      value,
+      required
+    } = this.props;
+    const { type, maxLength, disabled, password } = getInputProps(this.props);
+    const rootCls = classNames(
+      "at-input",
+      {
+        "at-input--without-border": !border
+      },
+      className
+    );
+    const containerCls = classNames("at-input__container", {
+      "at-input--error": error,
+      "at-input--disabled": disabled
+    });
+    const overlayCls = classNames("at-input__overlay", {
+      "at-input__overlay--hidden": !disabled
+    });
+    const placeholderCls = classNames("placeholder", placeholderClass);
+    return /* @__PURE__ */ React.createElement(View, { className: rootCls, style: customStyle }, /* @__PURE__ */ React.createElement(View, { className: containerCls }, /* @__PURE__ */ React.createElement(View, { className: overlayCls, onClick: this.handleClick }), title && /* @__PURE__ */ React.createElement(
+      Label,
+      {
+        className: `at-input__title ${required && "at-input__title--required"}`,
+        for: name
+      },
+      title
+    ), /* @__PURE__ */ React.createElement(
+      Input,
+      {
+        className: "at-input__input",
+        id: name,
+        name,
+        type,
+        disabled,
+        password,
+        placeholderStyle,
+        placeholderClass: placeholderCls,
+        placeholder,
+        cursorSpacing,
+        maxlength: maxLength,
+        autoFocus,
+        focus,
+        value,
+        confirmType,
+        cursor,
+        selectionStart,
+        selectionEnd,
+        adjustPosition,
+        onInput: this.handleInput,
+        onFocus: this.handleFocus,
+        onBlur: this.handleBlur,
+        onConfirm: this.handleConfirm,
+        onKeyboardHeightChange: this.handleKeyboardHeightChange
+      }
+    ), clear && value && /* @__PURE__ */ React.createElement(View, { className: "at-input__icon", onTouchEnd: this.handleClearValue }, /* @__PURE__ */ React.createElement(Text, { className: "at-icon at-icon-close-circle at-input__icon-close" })), error && /* @__PURE__ */ React.createElement(
+      View,
+      {
+        className: "at-input__icon",
+        onTouchStart: this.handleErrorClick
+      },
+      /* @__PURE__ */ React.createElement(Text, { className: "at-icon at-icon-alert-circle at-input__icon-alert" })
+    ), /* @__PURE__ */ React.createElement(View, { className: "at-input__children" }, this.props.children)));
+  }
+}
+AtInput.defaultProps = {
+  className: "",
+  customStyle: "",
+  value: "",
+  name: "",
+  placeholder: "",
+  placeholderStyle: "",
+  placeholderClass: "",
+  title: "",
+  cursorSpacing: 50,
+  confirmType: "done",
+  selectionStart: -1,
+  selectionEnd: -1,
+  adjustPosition: true,
+  maxlength: 140,
+  maxLength: 140,
+  type: "text",
+  disabled: false,
+  border: true,
+  editable: true,
+  error: false,
+  clear: false,
+  autoFocus: false,
+  focus: false,
+  required: false,
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  onChange: () => {
+  }
+};
+AtInput.propTypes = {
+  className: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
+  customStyle: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  name: PropTypes.string,
+  placeholder: PropTypes.string,
+  placeholderStyle: PropTypes.string,
+  placeholderClass: PropTypes.string,
+  title: PropTypes.string,
+  confirmType: PropTypes.string,
+  cursor: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  selectionStart: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  selectionEnd: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  adjustPosition: PropTypes.bool,
+  cursorSpacing: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  maxlength: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  maxLength: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  type: PropTypes.string,
+  disabled: PropTypes.bool,
+  border: PropTypes.bool,
+  editable: PropTypes.bool,
+  error: PropTypes.bool,
+  clear: PropTypes.bool,
+  autoFocus: PropTypes.bool,
+  focus: PropTypes.bool,
+  onChange: PropTypes.func,
+  onFocus: PropTypes.func,
+  onBlur: PropTypes.func,
+  onConfirm: PropTypes.func,
+  onErrorClick: PropTypes.func,
+  onClick: PropTypes.func,
+  required: PropTypes.bool
+};
+export {
+  AtInput as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/input/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { Input, Label, Text, View } from '@tarojs/components'\nimport { BaseEventOrig, ITouchEvent } from '@tarojs/components/types/common'\nimport { InputProps } from '@tarojs/components/types/Input'\nimport {\n  AtInputProps,\n  BlurEventDetail,\n  ConfirmEventDetail,\n  FocusEventDetail,\n  InputEventDetail,\n  KeyboardHeightEventDetail\n} from '../../../types/input'\n\ntype PickAtInputProps = Pick<\n  AtInputProps,\n  'maxLength' | 'maxlength' | 'disabled' | 'password'\n>\ntype GetInputPropsReturn = PickAtInputProps & Pick<InputProps, 'type'>\n\nfunction getInputProps(props: AtInputProps): GetInputPropsReturn {\n  const actualProps = {\n    type: props.type,\n    maxLength: props.maxLength || props.maxlength,\n    disabled: props.disabled,\n    password: false\n  }\n\n  switch (actualProps.type) {\n    case 'phone':\n      actualProps.type = 'number'\n      actualProps.maxLength = 11\n      break\n    case 'password':\n      actualProps.type = 'text'\n      actualProps.password = true\n      break\n    default:\n      break\n  }\n  if (!props.disabled && !props.editable) {\n    actualProps.disabled = true\n  }\n  return actualProps as GetInputPropsReturn\n}\n\nexport default class AtInput extends React.Component<AtInputProps> {\n  public static defaultProps: AtInputProps\n  public static propTypes: InferProps<AtInputProps>\n  // TODO: 有待考证是否为合理方式处理 #840\n  private inputClearing = false\n\n  private handleInput = (event: BaseEventOrig<InputEventDetail>): void =>\n    this.props.onChange?.(event.detail.value, event)\n\n  private handleFocus = (event: BaseEventOrig<FocusEventDetail>): void => {\n    if (typeof this.props.onFocus === 'function') {\n      this.props.onFocus(event.detail.value, event)\n    }\n  }\n\n  private handleBlur = (event: BaseEventOrig<BlurEventDetail>): void => {\n    if (typeof this.props.onBlur === 'function') {\n      this.props.onBlur(event.detail.value, event)\n    }\n    if (event.type === 'blur' && !this.inputClearing) {\n      // fix # 583 AtInput 不触发 onChange 的问题\n      this.props.onChange?.(\n        event.detail.value,\n        event as BaseEventOrig<InputEventDetail>\n      )\n    }\n    // 还原状态\n    this.inputClearing = false\n  }\n\n  private handleConfirm = (event: BaseEventOrig<ConfirmEventDetail>): void => {\n    if (typeof this.props.onConfirm === 'function') {\n      this.props.onConfirm(event.detail.value, event)\n    }\n  }\n\n  private handleClick = (event: ITouchEvent): void => {\n    if (!this.props.editable && typeof this.props.onClick === 'function') {\n      this.props.onClick(event)\n    }\n  }\n\n  private handleClearValue = (event: ITouchEvent): void => {\n    this.inputClearing = true\n    this.props.onChange?.('', event)\n  }\n\n  private handleKeyboardHeightChange = (\n    event: BaseEventOrig<KeyboardHeightEventDetail>\n  ): void => {\n    if (typeof this.props.onKeyboardHeightChange === 'function') {\n      this.props.onKeyboardHeightChange(event)\n    }\n  }\n\n  private handleErrorClick = (event: ITouchEvent): void => {\n    if (typeof this.props.onErrorClick === 'function') {\n      this.props.onErrorClick(event)\n    }\n  }\n\n  public render(): JSX.Element {\n    const {\n      className,\n      customStyle,\n      name,\n      cursorSpacing,\n      confirmType,\n      cursor,\n      selectionStart,\n      selectionEnd,\n      adjustPosition,\n      border,\n      title,\n      error,\n      clear,\n      placeholder,\n      placeholderStyle,\n      placeholderClass,\n      autoFocus = false,\n      focus = false,\n      value,\n      required\n    } = this.props\n    const { type, maxLength, disabled, password } = getInputProps(this.props)\n\n    const rootCls = classNames(\n      'at-input',\n      {\n        'at-input--without-border': !border\n      },\n      className\n    )\n    const containerCls = classNames('at-input__container', {\n      'at-input--error': error,\n      'at-input--disabled': disabled\n    })\n    // TODO: overlayCls 是否需要移除\n    const overlayCls = classNames('at-input__overlay', {\n      'at-input__overlay--hidden': !disabled\n    })\n    const placeholderCls = classNames('placeholder', placeholderClass)\n\n    return (\n      <View className={rootCls} style={customStyle}>\n        <View className={containerCls}>\n          <View className={overlayCls} onClick={this.handleClick}></View>\n          {title && (\n            <Label\n              className={`at-input__title ${\n                required && 'at-input__title--required'\n              }`}\n              for={name}\n            >\n              {title}\n            </Label>\n          )}\n          <Input\n            className='at-input__input'\n            id={name}\n            name={name}\n            type={type}\n            disabled={disabled}\n            password={password}\n            placeholderStyle={placeholderStyle}\n            placeholderClass={placeholderCls}\n            placeholder={placeholder}\n            cursorSpacing={cursorSpacing}\n            maxlength={maxLength}\n            autoFocus={autoFocus}\n            // TODO: 临时解决方案，等 Taro 更新后还原到 focus={focus}\n            focus={focus}\n            value={value}\n            confirmType={confirmType}\n            cursor={cursor}\n            selectionStart={selectionStart}\n            selectionEnd={selectionEnd}\n            adjustPosition={adjustPosition}\n            onInput={this.handleInput}\n            onFocus={this.handleFocus}\n            onBlur={this.handleBlur}\n            onConfirm={this.handleConfirm}\n            onKeyboardHeightChange={this.handleKeyboardHeightChange}\n          />\n          {clear && value && (\n            <View className='at-input__icon' onTouchEnd={this.handleClearValue}>\n              <Text className='at-icon at-icon-close-circle at-input__icon-close'></Text>\n            </View>\n          )}\n          {error && (\n            <View\n              className='at-input__icon'\n              onTouchStart={this.handleErrorClick}\n            >\n              <Text className='at-icon at-icon-alert-circle at-input__icon-alert'></Text>\n            </View>\n          )}\n          <View className='at-input__children'>{this.props.children}</View>\n        </View>\n      </View>\n    )\n  }\n}\n\nAtInput.defaultProps = {\n  className: '',\n  customStyle: '',\n  value: '',\n  name: '',\n  placeholder: '',\n  placeholderStyle: '',\n  placeholderClass: '',\n  title: '',\n  cursorSpacing: 50,\n  confirmType: 'done',\n  selectionStart: -1,\n  selectionEnd: -1,\n  adjustPosition: true,\n  maxlength: 140,\n  maxLength: 140,\n  type: 'text',\n  disabled: false,\n  border: true,\n  editable: true,\n  error: false,\n  clear: false,\n  autoFocus: false,\n  focus: false,\n  required: false,\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  onChange: (): void => {}\n}\n\nAtInput.propTypes = {\n  className: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),\n  customStyle: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  name: PropTypes.string,\n  placeholder: PropTypes.string,\n  placeholderStyle: PropTypes.string,\n  placeholderClass: PropTypes.string,\n  title: PropTypes.string,\n  confirmType: PropTypes.string,\n  cursor: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  selectionStart: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  selectionEnd: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  adjustPosition: PropTypes.bool,\n  cursorSpacing: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  maxlength: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  maxLength: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  type: PropTypes.string,\n  disabled: PropTypes.bool,\n  border: PropTypes.bool,\n  editable: PropTypes.bool,\n  error: PropTypes.bool,\n  clear: PropTypes.bool,\n  autoFocus: PropTypes.bool,\n  focus: PropTypes.bool,\n  onChange: PropTypes.func,\n  onFocus: PropTypes.func,\n  onBlur: PropTypes.func,\n  onConfirm: PropTypes.func,\n  onErrorClick: PropTypes.func,\n  onClick: PropTypes.func,\n  required: PropTypes.bool\n}\n"],"mappings":"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","names":[]}

package/dist/components/input-number/index.d.ts

@@ -0,0 +1,13 @@
+import { InferProps } from 'prop-types';
+import React from 'react';
+import { AtInputNumberProps } from '../../../types/input-number';
+export default class AtInputNumber extends React.Component<AtInputNumberProps> {
+    static defaultProps: AtInputNumberProps;
+    static propTypes: InferProps<AtInputNumberProps>;
+    private handleClick;
+    private handleValue;
+    private handleInput;
+    private handleBlur;
+    private handleError;
+    render(): JSX.Element;
+}