taro-ui 3.3.3 → 3.4.0

package/dist/components/tab-bar/index.js

@@ -4,153 +4,125 @@ import React from "react";
 import { Image, Text, View } from "@tarojs/components";
 import { mergeStyle } from "../../common/utils";
 import AtBadge from "../badge/index";
-class AtTabBar extends React.Component {
-  // constructor () {
-  //   super(...arguments)
-  //   this.state = {
-  //     isIPhoneX: false
-  //   }
-  // }
-  // componentDidMount () {
-  //   const curEnv = Taro.getEnv()
-  //   if (
-  //     curEnv === Taro.ENV_TYPE.WEAPP &&
-  //     Taro.getSystemInfoSync().model.indexOf('iPhone X') >= 0
-  //   ) {
-  //     this.setState({ isIPhoneX: true })
-  //   }
-  // }
-  handleClick(index, event) {
-    this.props.onClick(index, event);
-  }
-  render() {
-    const {
-      customStyle = "",
-      className,
-      fixed,
-      backgroundColor,
-      tabList,
-      current,
-      color,
-      iconSize,
-      fontSize,
-      selectedColor
-    } = this.props;
-    const defaultStyle = {
-      color: color || ""
-    };
-    const selectedStyle = {
-      color: selectedColor || ""
-    };
-    const titleStyle = {
-      fontSize: fontSize ? `${fontSize}px` : ""
-    };
-    const rootStyle = {
-      backgroundColor: backgroundColor || ""
-    };
-    const imgStyle = {
-      width: `${iconSize}px`,
-      height: `${iconSize}px`
-    };
-    return /* @__PURE__ */ React.createElement(
+function AtTabBar({
+  customStyle = "",
+  className = "",
+  fixed = false,
+  backgroundColor,
+  tabList = [],
+  current = 0,
+  color,
+  iconSize,
+  fontSize,
+  selectedColor,
+  onClick
+}) {
+  const handleClick = (index, event) => {
+    onClick && onClick(index, event);
+  };
+  const defaultStyle = {
+    color: color || ""
+  };
+  const selectedStyle = {
+    color: selectedColor || ""
+  };
+  const titleStyle = {
+    fontSize: fontSize ? `${fontSize}px` : ""
+  };
+  const rootStyle = {
+    backgroundColor: backgroundColor || ""
+  };
+  const imgStyle = {
+    width: `${iconSize}px`,
+    height: `${iconSize}px`
+  };
+  return /* @__PURE__ */ React.createElement(
+    View,
+    {
+      className: classNames(
+        {
+          "at-tab-bar": true,
+          "at-tab-bar--fixed": fixed
+        },
+        className
+      ),
+      style: mergeStyle(rootStyle, customStyle)
+    },
+    tabList.map((item, i) => /* @__PURE__ */ React.createElement(
       View,
       {
-        className: classNames(
-          {
-            "at-tab-bar": true,
-            "at-tab-bar--fixed": fixed
-            // 'at-tab-bar--ipx': isIPhoneX
-          },
-          className
-        ),
-        style: mergeStyle(rootStyle, customStyle)
+        className: classNames("at-tab-bar__item", {
+          "at-tab-bar__item--active": current === i
+        }),
+        style: current === i ? selectedStyle : defaultStyle,
+        key: i,
+        onClick: (event) => handleClick(i, event)
       },
-      tabList.map((item, i) => /* @__PURE__ */ React.createElement(
-        View,
+      item.iconType ? /* @__PURE__ */ React.createElement(
+        AtBadge,
         {
-          className: classNames("at-tab-bar__item", {
-            "at-tab-bar__item--active": current === i
-          }),
-          style: current === i ? selectedStyle : defaultStyle,
-          key: i,
-          onClick: this.handleClick.bind(this, i)
+          dot: !!item.dot,
+          value: item.text,
+          maxValue: Number(item.max)
         },
-        item.iconType ? /* @__PURE__ */ React.createElement(
-          AtBadge,
+        /* @__PURE__ */ React.createElement(View, { className: "at-tab-bar__icon" }, /* @__PURE__ */ React.createElement(
+          Text,
           {
-            dot: !!item.dot,
-            value: item.text,
-            maxValue: Number(item.max)
-          },
-          /* @__PURE__ */ React.createElement(View, { className: "at-tab-bar__icon" }, /* @__PURE__ */ React.createElement(
-            Text,
-            {
-              className: classNames(
-                `${item.iconPrefixClass || "at-icon"}`,
-                {
-                  [`${item.iconPrefixClass || "at-icon"}-${item.selectedIconType}`]: current === i && item.selectedIconType,
-                  [`${item.iconPrefixClass || "at-icon"}-${item.iconType}`]: !(current === i && item.selectedIconType)
-                }
-              ),
-              style: {
-                color: current === i ? selectedColor : color,
-                fontSize: iconSize ? `${iconSize}px` : ""
+            className: classNames(
+              `${item.iconPrefixClass || "at-icon"}`,
+              {
+                [`${item.iconPrefixClass || "at-icon"}-${item.selectedIconType}`]: current === i && item.selectedIconType,
+                [`${item.iconPrefixClass || "at-icon"}-${item.iconType}`]: !(current === i && item.selectedIconType)
               }
+            ),
+            style: {
+              color: current === i ? selectedColor : color,
+              fontSize: iconSize ? `${iconSize}px` : ""
             }
-          ))
-        ) : null,
-        item.image ? /* @__PURE__ */ React.createElement(
-          AtBadge,
+          }
+        ))
+      ) : null,
+      item.image ? /* @__PURE__ */ React.createElement(
+        AtBadge,
+        {
+          dot: !!item.dot,
+          value: item.text,
+          maxValue: Number(item.max)
+        },
+        /* @__PURE__ */ React.createElement(View, { className: "at-tab-bar__icon" }, /* @__PURE__ */ React.createElement(
+          Image,
           {
-            dot: !!item.dot,
-            value: item.text,
-            maxValue: Number(item.max)
-          },
-          /* @__PURE__ */ React.createElement(View, { className: "at-tab-bar__icon" }, /* @__PURE__ */ React.createElement(
-            Image,
-            {
-              className: classNames("at-tab-bar__inner-img", {
-                "at-tab-bar__inner-img--inactive": current !== i
-              }),
-              mode: "widthFix",
-              src: item.selectedImage || item.image,
-              style: imgStyle
-            }
-          ), /* @__PURE__ */ React.createElement(
-            Image,
-            {
-              className: classNames("at-tab-bar__inner-img", {
-                "at-tab-bar__inner-img--inactive": current === i
-              }),
-              mode: "widthFix",
-              src: item.image,
-              style: imgStyle
-            }
-          ))
-        ) : null,
-        /* @__PURE__ */ React.createElement(View, null, /* @__PURE__ */ React.createElement(
-          AtBadge,
+            className: classNames("at-tab-bar__inner-img", {
+              "at-tab-bar__inner-img--inactive": current !== i
+            }),
+            mode: "widthFix",
+            src: item.selectedImage || item.image,
+            style: imgStyle
+          }
+        ), /* @__PURE__ */ React.createElement(
+          Image,
           {
-            dot: item.iconType || item.image ? false : !!item.dot,
-            value: item.iconType || item.image ? "" : item.text,
-            maxValue: item.iconType || item.image ? 0 : Number(item.max)
-          },
-          /* @__PURE__ */ React.createElement(View, { className: "at-tab-bar__title", style: titleStyle }, item.title)
+            className: classNames("at-tab-bar__inner-img", {
+              "at-tab-bar__inner-img--inactive": current === i
+            }),
+            mode: "widthFix",
+            src: item.image,
+            style: imgStyle
+          }
         ))
+      ) : null,
+      /* @__PURE__ */ React.createElement(View, null, /* @__PURE__ */ React.createElement(
+        AtBadge,
+        {
+          dot: item.iconType || item.image ? false : !!item.dot,
+          value: item.iconType || item.image ? "" : item.text,
+          maxValue: item.iconType || item.image ? 0 : Number(item.max)
+        },
+        /* @__PURE__ */ React.createElement(View, { className: "at-tab-bar__title", style: titleStyle }, item.title)
       ))
-    );
-  }
+    ))
+  );
 }
-AtTabBar.defaultProps = {
-  customStyle: "",
-  className: "",
-  fixed: false,
-  current: 0,
-  tabList: [],
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
-  onClick: () => {
-  }
-};
 AtTabBar.propTypes = {
   customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
   className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
@@ -164,7 +136,8 @@ AtTabBar.propTypes = {
   tabList: PropTypes.array,
   onClick: PropTypes.func
 };
+var tab_bar_default = AtTabBar;
 export {
-  AtTabBar as default
+  tab_bar_default as default
 };
 //# sourceMappingURL=index.js.map

package/dist/components/tab-bar/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/tab-bar/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { Image, Text, View } from '@tarojs/components'\nimport { CommonEvent } from '@tarojs/components/types/common'\nimport { AtTabBarProps, TabItem } from '../../../types/tab-bar'\nimport { mergeStyle } from '../../common/utils'\nimport AtBadge from '../badge/index'\n\nexport default class AtTabBar extends React.Component<AtTabBarProps> {\n  public static defaultProps: AtTabBarProps\n  public static propTypes: InferProps<AtTabBarProps>\n\n  // constructor () {\n  //   super(...arguments)\n  //   this.state = {\n  //     isIPhoneX: false\n  //   }\n  // }\n\n  // componentDidMount () {\n  //   const curEnv = Taro.getEnv()\n\n  //   if (\n  //     curEnv === Taro.ENV_TYPE.WEAPP &&\n  //     Taro.getSystemInfoSync().model.indexOf('iPhone X') >= 0\n  //   ) {\n  //     this.setState({ isIPhoneX: true })\n  //   }\n  // }\n\n  private handleClick(index: number, event: CommonEvent): void {\n    this.props.onClick(index, event)\n  }\n\n  public render(): JSX.Element {\n    const {\n      customStyle = '',\n      className,\n      fixed,\n      backgroundColor,\n      tabList,\n      current,\n      color,\n      iconSize,\n      fontSize,\n      selectedColor\n    } = this.props\n    // const { isIPhoneX } = this.state\n    const defaultStyle = {\n      color: color || ''\n    }\n    const selectedStyle = {\n      color: selectedColor || ''\n    }\n    const titleStyle = {\n      fontSize: fontSize ? `${fontSize}px` : ''\n    }\n    const rootStyle = {\n      backgroundColor: backgroundColor || ''\n    }\n    const imgStyle = {\n      width: `${iconSize}px`,\n      height: `${iconSize}px`\n    }\n\n    return (\n      <View\n        className={classNames(\n          {\n            'at-tab-bar': true,\n            'at-tab-bar--fixed': fixed\n            // 'at-tab-bar--ipx': isIPhoneX\n          },\n          className\n        )}\n        style={mergeStyle(rootStyle, customStyle)}\n      >\n        {tabList.map((item: TabItem, i: number) => (\n          <View\n            className={classNames('at-tab-bar__item', {\n              'at-tab-bar__item--active': current === i\n            })}\n            style={current === i ? selectedStyle : defaultStyle}\n            key={i}\n            onClick={this.handleClick.bind(this, i)}\n          >\n            {item.iconType ? (\n              <AtBadge\n                dot={!!item.dot}\n                value={item.text}\n                maxValue={Number(item.max)}\n              >\n                <View className='at-tab-bar__icon'>\n                  <Text\n                    className={classNames(\n                      `${item.iconPrefixClass || 'at-icon'}`,\n                      {\n                        [`${item.iconPrefixClass || 'at-icon'}-${\n                          item.selectedIconType\n                        }`]: current === i && item.selectedIconType,\n                        [`${item.iconPrefixClass || 'at-icon'}-${\n                          item.iconType\n                        }`]: !(current === i && item.selectedIconType)\n                      }\n                    )}\n                    style={{\n                      color: current === i ? selectedColor : color,\n                      fontSize: iconSize ? `${iconSize}px` : ''\n                    }}\n                  ></Text>\n                </View>\n              </AtBadge>\n            ) : null}\n\n            {item.image ? (\n              <AtBadge\n                dot={!!item.dot}\n                value={item.text}\n                maxValue={Number(item.max)}\n              >\n                <View className='at-tab-bar__icon'>\n                  <Image\n                    className={classNames('at-tab-bar__inner-img', {\n                      'at-tab-bar__inner-img--inactive': current !== i\n                    })}\n                    mode='widthFix'\n                    src={item.selectedImage || item.image}\n                    style={imgStyle}\n                  ></Image>\n                  <Image\n                    className={classNames('at-tab-bar__inner-img', {\n                      'at-tab-bar__inner-img--inactive': current === i\n                    })}\n                    mode='widthFix'\n                    src={item.image}\n                    style={imgStyle}\n                  ></Image>\n                </View>\n              </AtBadge>\n            ) : null}\n\n            <View>\n              <AtBadge\n                dot={item.iconType || item.image ? false : !!item.dot}\n                value={item.iconType || item.image ? '' : item.text}\n                maxValue={item.iconType || item.image ? 0 : Number(item.max)}\n              >\n                <View className='at-tab-bar__title' style={titleStyle}>\n                  {item.title}\n                </View>\n              </AtBadge>\n            </View>\n          </View>\n        ))}\n      </View>\n    )\n  }\n}\n\nAtTabBar.defaultProps = {\n  customStyle: '',\n  className: '',\n  fixed: false,\n  current: 0,\n  tabList: [],\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  onClick: (): void => {}\n}\n\nAtTabBar.propTypes = {\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\n  fixed: PropTypes.bool,\n  backgroundColor: PropTypes.string,\n  current: PropTypes.number,\n  iconSize: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  fontSize: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  color: PropTypes.string,\n  selectedColor: PropTypes.string,\n  tabList: PropTypes.array,\n  onClick: PropTypes.func\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/tab-bar/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React from 'react'\nimport { Image, Text, View } from '@tarojs/components'\nimport { CommonEvent } from '@tarojs/components/types/common'\nimport { AtTabBarProps, TabItem } from '../../../types/tab-bar'\nimport { mergeStyle } from '../../common/utils'\nimport AtBadge from '../badge/index'\n\nfunction AtTabBar({\n  customStyle = '',\n  className = '',\n  fixed = false,\n  backgroundColor,\n  tabList = [],\n  current = 0,\n  color,\n  iconSize,\n  fontSize,\n  selectedColor,\n  onClick\n}: AtTabBarProps): JSX.Element {\n  const handleClick = (index: number, event: CommonEvent): void => {\n    onClick && onClick(index, event)\n  }\n\n  const defaultStyle = {\n    color: color || ''\n  }\n  const selectedStyle = {\n    color: selectedColor || ''\n  }\n  const titleStyle = {\n    fontSize: fontSize ? `${fontSize}px` : ''\n  }\n  const rootStyle = {\n    backgroundColor: backgroundColor || ''\n  }\n  const imgStyle = {\n    width: `${iconSize}px`,\n    height: `${iconSize}px`\n  }\n\n  return (\n    <View\n      className={classNames(\n        {\n          'at-tab-bar': true,\n          'at-tab-bar--fixed': fixed\n        },\n        className\n      )}\n      style={mergeStyle(rootStyle, customStyle)}\n    >\n      {tabList.map((item: TabItem, i: number) => (\n        <View\n          className={classNames('at-tab-bar__item', {\n            'at-tab-bar__item--active': current === i\n          })}\n          style={current === i ? selectedStyle : defaultStyle}\n          key={i}\n          onClick={(event: CommonEvent) => handleClick(i, event)}\n        >\n          {item.iconType ? (\n            <AtBadge\n              dot={!!item.dot}\n              value={item.text}\n              maxValue={Number(item.max)}\n            >\n              <View className='at-tab-bar__icon'>\n                <Text\n                  className={classNames(\n                    `${item.iconPrefixClass || 'at-icon'}`,\n                    {\n                      [`${item.iconPrefixClass || 'at-icon'}-${\n                        item.selectedIconType\n                      }`]: current === i && item.selectedIconType,\n                      [`${item.iconPrefixClass || 'at-icon'}-${item.iconType}`]:\n                        !(current === i && item.selectedIconType)\n                    }\n                  )}\n                  style={{\n                    color: current === i ? selectedColor : color,\n                    fontSize: iconSize ? `${iconSize}px` : ''\n                  }}\n                ></Text>\n              </View>\n            </AtBadge>\n          ) : null}\n\n          {item.image ? (\n            <AtBadge\n              dot={!!item.dot}\n              value={item.text}\n              maxValue={Number(item.max)}\n            >\n              <View className='at-tab-bar__icon'>\n                <Image\n                  className={classNames('at-tab-bar__inner-img', {\n                    'at-tab-bar__inner-img--inactive': current !== i\n                  })}\n                  mode='widthFix'\n                  src={item.selectedImage || item.image}\n                  style={imgStyle}\n                ></Image>\n                <Image\n                  className={classNames('at-tab-bar__inner-img', {\n                    'at-tab-bar__inner-img--inactive': current === i\n                  })}\n                  mode='widthFix'\n                  src={item.image}\n                  style={imgStyle}\n                ></Image>\n              </View>\n            </AtBadge>\n          ) : null}\n\n          <View>\n            <AtBadge\n              dot={item.iconType || item.image ? false : !!item.dot}\n              value={item.iconType || item.image ? '' : item.text}\n              maxValue={item.iconType || item.image ? 0 : Number(item.max)}\n            >\n              <View className='at-tab-bar__title' style={titleStyle}>\n                {item.title}\n              </View>\n            </AtBadge>\n          </View>\n        </View>\n      ))}\n    </View>\n  )\n}\n\nAtTabBar.propTypes = {\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\n  fixed: PropTypes.bool,\n  backgroundColor: PropTypes.string,\n  current: PropTypes.number,\n  iconSize: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  fontSize: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  color: PropTypes.string,\n  selectedColor: PropTypes.string,\n  tabList: PropTypes.array,\n  onClick: PropTypes.func\n}\n\nexport default AtTabBar\n"],"mappings":"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","names":[]}

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

@@ -1,24 +1,18 @@
-import { InferProps } from 'prop-types';
-import React from 'react';
-import { AtTabsProps, AtTabsState } from '../../../types/tabs';
-export default class AtTabs extends React.Component<AtTabsProps, AtTabsState> {
-    static defaultProps: AtTabsProps;
-    static propTypes: InferProps<AtTabsProps>;
-    private _tabId;
-    private _touchDot;
-    private _timer;
-    private _interval;
-    private _isMoving;
-    private tabHeaderRef;
-    constructor(props: AtTabsProps);
-    private updateState;
-    private handleClick;
-    private handleTouchStart;
-    private handleTouchMove;
-    private handleTouchEnd;
-    private getTabHeaderRef;
-    UNSAFE_componentWillReceiveProps(nextProps: AtTabsProps): void;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    render(): JSX.Element;
+import PropTypes from 'prop-types';
+import { AtTabsProps } from '../../../types/tabs';
+declare function AtTabs({ customStyle, className, tabDirection, height, current, swipeable, scroll, animated, tabList, onClick, children }: AtTabsProps): JSX.Element;
+declare namespace AtTabs {
+    var propTypes: {
+        customStyle: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+        className: PropTypes.Requireable<NonNullable<string | any[] | null | undefined>>;
+        height: PropTypes.Requireable<string>;
+        tabDirection: PropTypes.Requireable<string>;
+        current: PropTypes.Requireable<number>;
+        swipeable: PropTypes.Requireable<boolean>;
+        scroll: PropTypes.Requireable<boolean>;
+        animated: PropTypes.Requireable<boolean>;
+        tabList: PropTypes.Requireable<any[]>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    };
 }
+export default AtTabs;