taro-ui 3.3.1 → 3.3.2

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

@@ -1,96 +1,170 @@
-import classNames from 'classnames';
-import PropTypes from 'prop-types';
-import React from 'react';
-import { Image, Text, View } from '@tarojs/components';
-import { mergeStyle } from '../../common/utils';
-import AtBadge from '../badge/index';
-export default 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 { isIPhoneX } = this.state
-        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 (React.createElement(View, { className: classNames({
-                'at-tab-bar': true,
-                'at-tab-bar--fixed': fixed
-                // 'at-tab-bar--ipx': isIPhoneX
-            }, className), style: mergeStyle(rootStyle, customStyle) }, tabList.map((item, i) => (React.createElement(View, { 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) },
-            item.iconType ? (React.createElement(AtBadge, { dot: !!item.dot, value: item.text, maxValue: Number(item.max) },
-                React.createElement(View, { className: 'at-tab-bar__icon' },
-                    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` : ''
-                        } })))) : null,
-            item.image ? (React.createElement(AtBadge, { dot: !!item.dot, value: item.text, maxValue: Number(item.max) },
-                React.createElement(View, { className: 'at-tab-bar__icon' },
-                    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 }),
-                    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,
-            React.createElement(View, null,
-                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) },
-                    React.createElement(View, { className: 'at-tab-bar__title', style: titleStyle }, item.title))))))));
-    }
+import classNames from "classnames";
+import PropTypes from "prop-types";
+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(
+      View,
+      {
+        className: classNames(
+          {
+            "at-tab-bar": true,
+            "at-tab-bar--fixed": fixed
+            // 'at-tab-bar--ipx': isIPhoneX
+          },
+          className
+        ),
+        style: mergeStyle(rootStyle, customStyle)
+      },
+      tabList.map((item, i) => /* @__PURE__ */ React.createElement(
+        View,
+        {
+          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)
+        },
+        item.iconType ? /* @__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(
+            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` : ""
+              }
+            }
+          ))
+        ) : 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,
+            {
+              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,
+          {
+            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: () => { }
+  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]),
-    fixed: PropTypes.bool,
-    backgroundColor: PropTypes.string,
-    current: PropTypes.number,
-    iconSize: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    fontSize: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    color: PropTypes.string,
-    selectedColor: PropTypes.string,
-    tabList: PropTypes.array,
-    onClick: PropTypes.func
+  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
+  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
+  fixed: PropTypes.bool,
+  backgroundColor: PropTypes.string,
+  current: PropTypes.number,
+  iconSize: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  fontSize: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  color: PropTypes.string,
+  selectedColor: PropTypes.string,
+  tabList: PropTypes.array,
+  onClick: PropTypes.func
+};
+export {
+  AtTabBar as default
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/tab-bar/index.tsx"],"names":[],"mappings":"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"}
+{"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":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAA+B;AACtC,OAAO,WAAW;AAClB,SAAS,OAAO,MAAM,YAAY;AAGlC,SAAS,kBAAkB;AAC3B,OAAO,aAAa;AAEpB,MAAO,iBAA+B,MAAM,UAAyB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsB3D,YAAY,OAAe,OAA0B;AAC3D,SAAK,MAAM,QAAQ,OAAO,KAAK;AAAA,EACjC;AAAA,EAEO,SAAsB;AAC3B,UAAM;AAAA,MACJ,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI,KAAK;AAET,UAAM,eAAe;AAAA,MACnB,OAAO,SAAS;AAAA,IAClB;AACA,UAAM,gBAAgB;AAAA,MACpB,OAAO,iBAAiB;AAAA,IAC1B;AACA,UAAM,aAAa;AAAA,MACjB,UAAU,WAAW,GAAG,QAAQ,OAAO;AAAA,IACzC;AACA,UAAM,YAAY;AAAA,MAChB,iBAAiB,mBAAmB;AAAA,IACtC;AACA,UAAM,WAAW;AAAA,MACf,OAAO,GAAG,QAAQ;AAAA,MAClB,QAAQ,GAAG,QAAQ;AAAA,IACrB;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,YACE,cAAc;AAAA,YACd,qBAAqB;AAAA;AAAA,UAEvB;AAAA,UACA;AAAA,QACF;AAAA,QACA,OAAO,WAAW,WAAW,WAAW;AAAA;AAAA,MAEvC,QAAQ,IAAI,CAAC,MAAe,MAC3B;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,WAAW,oBAAoB;AAAA,YACxC,4BAA4B,YAAY;AAAA,UAC1C,CAAC;AAAA,UACD,OAAO,YAAY,IAAI,gBAAgB;AAAA,UACvC,KAAK;AAAA,UACL,SAAS,KAAK,YAAY,KAAK,MAAM,CAAC;AAAA;AAAA,QAErC,KAAK,WACJ;AAAA,UAAC;AAAA;AAAA,YACC,KAAK,CAAC,CAAC,KAAK;AAAA,YACZ,OAAO,KAAK;AAAA,YACZ,UAAU,OAAO,KAAK,GAAG;AAAA;AAAA,UAEzB,oCAAC,QAAK,WAAU,sBACd;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,gBACT,GAAG,KAAK,mBAAmB,SAAS;AAAA,gBACpC;AAAA,kBACE,CAAC,GAAG,KAAK,mBAAmB,SAAS,IACnC,KAAK,gBACP,EAAE,GAAG,YAAY,KAAK,KAAK;AAAA,kBAC3B,CAAC,GAAG,KAAK,mBAAmB,SAAS,IACnC,KAAK,QACP,EAAE,GAAG,EAAE,YAAY,KAAK,KAAK;AAAA,gBAC/B;AAAA,cACF;AAAA,cACA,OAAO;AAAA,gBACL,OAAO,YAAY,IAAI,gBAAgB;AAAA,gBACvC,UAAU,WAAW,GAAG,QAAQ,OAAO;AAAA,cACzC;AAAA;AAAA,UACD,CACH;AAAA,QACF,IACE;AAAA,QAEH,KAAK,QACJ;AAAA,UAAC;AAAA;AAAA,YACC,KAAK,CAAC,CAAC,KAAK;AAAA,YACZ,OAAO,KAAK;AAAA,YACZ,UAAU,OAAO,KAAK,GAAG;AAAA;AAAA,UAEzB,oCAAC,QAAK,WAAU,sBACd;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,WAAW,yBAAyB;AAAA,gBAC7C,mCAAmC,YAAY;AAAA,cACjD,CAAC;AAAA,cACD,MAAK;AAAA,cACL,KAAK,KAAK,iBAAiB,KAAK;AAAA,cAChC,OAAO;AAAA;AAAA,UACR,GACD;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,WAAW,yBAAyB;AAAA,gBAC7C,mCAAmC,YAAY;AAAA,cACjD,CAAC;AAAA,cACD,MAAK;AAAA,cACL,KAAK,KAAK;AAAA,cACV,OAAO;AAAA;AAAA,UACR,CACH;AAAA,QACF,IACE;AAAA,QAEJ,oCAAC,YACC;AAAA,UAAC;AAAA;AAAA,YACC,KAAK,KAAK,YAAY,KAAK,QAAQ,QAAQ,CAAC,CAAC,KAAK;AAAA,YAClD,OAAO,KAAK,YAAY,KAAK,QAAQ,KAAK,KAAK;AAAA,YAC/C,UAAU,KAAK,YAAY,KAAK,QAAQ,IAAI,OAAO,KAAK,GAAG;AAAA;AAAA,UAE3D,oCAAC,QAAK,WAAU,qBAAoB,OAAO,cACxC,KAAK,KACR;AAAA,QACF,CACF;AAAA,MACF,CACD;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,SAAS,eAAe;AAAA,EACtB,aAAa;AAAA,EACb,WAAW;AAAA,EACX,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS,CAAC;AAAA;AAAA,EAEV,SAAS,MAAY;AAAA,EAAC;AACxB;AAEA,SAAS,YAAY;AAAA,EACnB,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACrE,WAAW,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,MAAM,CAAC;AAAA,EAClE,OAAO,UAAU;AAAA,EACjB,iBAAiB,UAAU;AAAA,EAC3B,SAAS,UAAU;AAAA,EACnB,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EAClE,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EAClE,OAAO,UAAU;AAAA,EACjB,eAAe,UAAU;AAAA,EACzB,SAAS,UAAU;AAAA,EACnB,SAAS,UAAU;AACrB;","names":[]}

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

@@ -0,0 +1,24 @@
+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;
+}