taro-ui 3.3.0 → 3.3.2

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

@@ -1,121 +1,176 @@
-import classNames from 'classnames';
-import PropTypes from 'prop-types';
-import React from 'react';
-import { Input, Text, View } from '@tarojs/components';
-export default class AtSearchBar extends React.Component {
-    constructor(props) {
-        super(props);
-        this.handleFocus = (event) => {
-            this.setState({
-                isFocus: true
-            });
-            this.props.onFocus && this.props.onFocus(event);
-        };
-        this.handleBlur = (event) => {
-            this.setState({
-                isFocus: false
-            });
-            this.props.onBlur && this.props.onBlur(event);
-        };
-        this.handleChange = (e) => {
-            this.props.onChange(e.detail.value, e);
-        };
-        this.handleClear = (event) => {
-            if (this.props.onClear) {
-                this.props.onClear(event);
-            }
-            else {
-                this.props.onChange('', event);
-            }
-        };
-        this.handleConfirm = (event) => {
-            this.props.onConfirm && this.props.onConfirm(event);
-        };
-        this.handleActionClick = (event) => {
-            this.props.onActionClick && this.props.onActionClick(event);
-        };
-        this.state = {
-            isFocus: !!props.focus
-        };
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import React from "react";
+import { Input, Text, View } from "@tarojs/components";
+class AtSearchBar extends React.Component {
+  constructor(props) {
+    super(props);
+    this.handleFocus = (event) => {
+      this.setState({
+        isFocus: true
+      });
+      this.props.onFocus && this.props.onFocus(event);
+    };
+    this.handleBlur = (event) => {
+      this.setState({
+        isFocus: false
+      });
+      this.props.onBlur && this.props.onBlur(event);
+    };
+    this.handleChange = (e) => {
+      this.props.onChange(e.detail.value, e);
+    };
+    this.handleClear = (event) => {
+      if (this.props.onClear) {
+        this.props.onClear(event);
+      } else {
+        this.props.onChange("", event);
+      }
+    };
+    this.handleConfirm = (event) => {
+      this.props.onConfirm && this.props.onConfirm(event);
+    };
+    this.handleActionClick = (event) => {
+      this.props.onActionClick && this.props.onActionClick(event);
+    };
+    this.state = {
+      isFocus: !!props.focus
+    };
+  }
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    if (nextProps.focus !== this.props.focus) {
+      this.setState({ isFocus: !!nextProps.focus });
     }
-    UNSAFE_componentWillReceiveProps(nextProps) {
-        if (nextProps.focus !== this.props.focus) {
-            this.setState({ isFocus: !!nextProps.focus });
-        }
+  }
+  render() {
+    const {
+      value,
+      placeholder,
+      maxLength,
+      fixed,
+      disabled,
+      showActionButton,
+      actionName = "\u641C\u7D22",
+      inputType,
+      // 处理issue#464
+      className,
+      customStyle,
+      enableNative
+    } = this.props;
+    const { isFocus } = this.state;
+    const fontSize = 14;
+    const rootCls = classNames(
+      "at-search-bar",
+      {
+        "at-search-bar--fixed": fixed
+      },
+      className
+    );
+    const placeholderWrapStyle = {};
+    const actionStyle = {};
+    if (isFocus || !isFocus && value) {
+      actionStyle.opacity = 1;
+      actionStyle.marginRight = `0`;
+      placeholderWrapStyle.flexGrow = 0;
+    } else if (!isFocus && !value) {
+      placeholderWrapStyle.flexGrow = 1;
+      actionStyle.opacity = 0;
+      actionStyle.marginRight = `-${(actionName.length + 1) * fontSize + fontSize / 2 + 10}px`;
     }
-    render() {
-        const { value, placeholder, maxLength, fixed, disabled, showActionButton, actionName = '搜索', inputType, // 处理issue#464
-        className, customStyle, enableNative } = this.props;
-        const { isFocus } = this.state;
-        const fontSize = 14;
-        const rootCls = classNames('at-search-bar', {
-            'at-search-bar--fixed': fixed
-        }, className);
-        const placeholderWrapStyle = {};
-        const actionStyle = {};
-        if (isFocus || (!isFocus && value)) {
-            actionStyle.opacity = 1;
-            actionStyle.marginRight = `0`;
-            placeholderWrapStyle.flexGrow = 0;
-        }
-        else if (!isFocus && !value) {
-            placeholderWrapStyle.flexGrow = 1;
-            actionStyle.opacity = 0;
-            actionStyle.marginRight = `-${(actionName.length + 1) * fontSize + fontSize / 2 + 10}px`;
-        }
-        if (showActionButton) {
-            actionStyle.opacity = 1;
-            actionStyle.marginRight = `0`;
-        }
-        const clearIconStyle = { display: 'flex' };
-        const placeholderStyle = { visibility: 'hidden' };
-        if (!value.length) {
-            clearIconStyle.display = 'none';
-            placeholderStyle.visibility = 'visible';
-        }
-        return (React.createElement(View, { className: rootCls, style: customStyle },
-            React.createElement(View, { className: 'at-search-bar__input-cnt' },
-                React.createElement(View, { className: 'at-search-bar__placeholder-wrap', style: placeholderWrapStyle },
-                    React.createElement(Text, { className: 'at-icon at-icon-search' }),
-                    React.createElement(Text, { className: 'at-search-bar__placeholder', style: placeholderStyle }, isFocus ? '' : placeholder)),
-                React.createElement(Input, { className: 'at-search-bar__input', type: inputType, confirmType: 'search', value: value, focus: isFocus, disabled: disabled, maxlength: maxLength, 
-                    // @ts-ignore ci 上面这个检查不通过, 暂时跳过ts检查
-                    enableNative: enableNative, onInput: this.handleChange, onFocus: this.handleFocus, onBlur: this.handleBlur, onConfirm: this.handleConfirm }),
-                React.createElement(View, { className: 'at-search-bar__clear', style: clearIconStyle, onTouchStart: this.handleClear },
-                    React.createElement(Text, { className: 'at-icon at-icon-close-circle' }))),
-            React.createElement(View, { className: 'at-search-bar__action', style: actionStyle, onClick: this.handleActionClick }, actionName)));
+    if (showActionButton) {
+      actionStyle.opacity = 1;
+      actionStyle.marginRight = `0`;
     }
+    const clearIconStyle = { display: "flex" };
+    const placeholderStyle = { visibility: "hidden" };
+    if (!value.length) {
+      clearIconStyle.display = "none";
+      placeholderStyle.visibility = "visible";
+    }
+    return /* @__PURE__ */ React.createElement(View, { className: rootCls, style: customStyle }, /* @__PURE__ */ React.createElement(View, { className: "at-search-bar__input-cnt" }, /* @__PURE__ */ React.createElement(
+      View,
+      {
+        className: "at-search-bar__placeholder-wrap",
+        style: placeholderWrapStyle
+      },
+      /* @__PURE__ */ React.createElement(Text, { className: "at-icon at-icon-search" }),
+      /* @__PURE__ */ React.createElement(
+        Text,
+        {
+          className: "at-search-bar__placeholder",
+          style: placeholderStyle
+        },
+        isFocus ? "" : placeholder
+      )
+    ), /* @__PURE__ */ React.createElement(
+      Input,
+      {
+        className: "at-search-bar__input",
+        type: inputType,
+        confirmType: "search",
+        value,
+        focus: isFocus,
+        disabled,
+        maxlength: maxLength,
+        enableNative,
+        onInput: this.handleChange,
+        onFocus: this.handleFocus,
+        onBlur: this.handleBlur,
+        onConfirm: this.handleConfirm
+      }
+    ), /* @__PURE__ */ React.createElement(
+      View,
+      {
+        className: "at-search-bar__clear",
+        style: clearIconStyle,
+        onTouchStart: this.handleClear
+      },
+      /* @__PURE__ */ React.createElement(Text, { className: "at-icon at-icon-close-circle" })
+    )), /* @__PURE__ */ React.createElement(
+      View,
+      {
+        className: "at-search-bar__action",
+        style: actionStyle,
+        onClick: this.handleActionClick
+      },
+      actionName
+    ));
+  }
 }
 AtSearchBar.defaultProps = {
-    value: '',
-    placeholder: '搜索',
-    maxLength: 140,
-    fixed: false,
-    focus: false,
-    disabled: false,
-    showActionButton: false,
-    actionName: '搜索',
-    inputType: 'text',
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
-    onChange: () => { },
-    enableNative: true
+  value: "",
+  placeholder: "\u641C\u7D22",
+  maxLength: 140,
+  fixed: false,
+  focus: false,
+  disabled: false,
+  showActionButton: false,
+  actionName: "\u641C\u7D22",
+  inputType: "text",
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  onChange: () => {
+  },
+  enableNative: true
 };
 AtSearchBar.propTypes = {
-    value: PropTypes.string,
-    placeholder: PropTypes.string,
-    maxLength: PropTypes.number,
-    fixed: PropTypes.bool,
-    focus: PropTypes.bool,
-    disabled: PropTypes.bool,
-    showActionButton: PropTypes.bool,
-    actionName: PropTypes.string,
-    inputType: PropTypes.oneOf(['text', 'number', 'idcard', 'digit']),
-    onChange: PropTypes.func,
-    onFocus: PropTypes.func,
-    onBlur: PropTypes.func,
-    onConfirm: PropTypes.func,
-    onActionClick: PropTypes.func,
-    onClear: PropTypes.func,
-    enableNative: PropTypes.bool
+  value: PropTypes.string,
+  placeholder: PropTypes.string,
+  maxLength: PropTypes.number,
+  fixed: PropTypes.bool,
+  focus: PropTypes.bool,
+  disabled: PropTypes.bool,
+  showActionButton: PropTypes.bool,
+  actionName: PropTypes.string,
+  inputType: PropTypes.oneOf(["text", "number", "idcard", "digit"]),
+  onChange: PropTypes.func,
+  onFocus: PropTypes.func,
+  onBlur: PropTypes.func,
+  onConfirm: PropTypes.func,
+  onActionClick: PropTypes.func,
+  onClear: PropTypes.func,
+  enableNative: PropTypes.bool
+};
+export {
+  AtSearchBar as default
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/search-bar/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/search-bar/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { Input, Text, View } from '@tarojs/components'\nimport { CommonEvent } from '@tarojs/components/types/common'\nimport { AtSearchBarProps, AtSearchBarState } from '../../../types/search-bar'\n\ntype ExtendEvent = {\n  target: {\n    value: string\n  }\n}\n\nexport default class AtSearchBar extends React.Component<\n  AtSearchBarProps,\n  AtSearchBarState\n> {\n  public static defaultProps: AtSearchBarProps\n  public static propTypes: InferProps<AtSearchBarProps>\n\n  public constructor(props: AtSearchBarProps) {\n    super(props)\n    this.state = {\n      isFocus: !!props.focus\n    }\n  }\n\n  private handleFocus = (event: CommonEvent): void => {\n    this.setState({\n      isFocus: true\n    })\n    this.props.onFocus && this.props.onFocus(event)\n  }\n\n  private handleBlur = (event: CommonEvent): void => {\n    this.setState({\n      isFocus: false\n    })\n    this.props.onBlur && this.props.onBlur(event)\n  }\n\n  private handleChange = (e: CommonEvent & ExtendEvent): void => {\n    this.props.onChange(e.detail.value, e)\n  }\n\n  private handleClear = (event: CommonEvent): void => {\n    if (this.props.onClear) {\n      this.props.onClear(event)\n    } else {\n      this.props.onChange('', event)\n    }\n  }\n\n  private handleConfirm = (event: CommonEvent): void => {\n    this.props.onConfirm && this.props.onConfirm(event)\n  }\n\n  private handleActionClick = (event: CommonEvent): void => {\n    this.props.onActionClick && this.props.onActionClick(event)\n  }\n\n  public UNSAFE_componentWillReceiveProps(nextProps: AtSearchBarProps): void {\n    if (nextProps.focus !== this.props.focus) {\n      this.setState({ isFocus: !!nextProps.focus })\n    }\n  }\n\n  public render(): JSX.Element {\n    const {\n      value,\n      placeholder,\n      maxLength,\n      fixed,\n      disabled,\n      showActionButton,\n      actionName = '搜索',\n      inputType, // 处理issue#464\n      className,\n      customStyle,\n      enableNative\n    } = this.props\n    const { isFocus } = this.state\n    const fontSize = 14\n    const rootCls = classNames(\n      'at-search-bar',\n      {\n        'at-search-bar--fixed': fixed\n      },\n      className\n    )\n    const placeholderWrapStyle: React.CSSProperties = {}\n    const actionStyle: React.CSSProperties = {}\n    if (isFocus || (!isFocus && value)) {\n      actionStyle.opacity = 1\n      actionStyle.marginRight = `0`\n      placeholderWrapStyle.flexGrow = 0\n    } else if (!isFocus && !value) {\n      placeholderWrapStyle.flexGrow = 1\n      actionStyle.opacity = 0\n      actionStyle.marginRight = `-${\n        (actionName.length + 1) * fontSize + fontSize / 2 + 10\n      }px`\n    }\n    if (showActionButton) {\n      actionStyle.opacity = 1\n      actionStyle.marginRight = `0`\n    }\n\n    const clearIconStyle: React.CSSProperties = { display: 'flex' }\n    const placeholderStyle: React.CSSProperties = { visibility: 'hidden' }\n    if (!value.length) {\n      clearIconStyle.display = 'none'\n      placeholderStyle.visibility = 'visible'\n    }\n\n    return (\n      <View className={rootCls} style={customStyle}>\n        <View className='at-search-bar__input-cnt'>\n          <View\n            className='at-search-bar__placeholder-wrap'\n            style={placeholderWrapStyle}\n          >\n            <Text className='at-icon at-icon-search'></Text>\n            <Text\n              className='at-search-bar__placeholder'\n              style={placeholderStyle}\n            >\n              {isFocus ? '' : placeholder}\n            </Text>\n          </View>\n          <Input\n            className='at-search-bar__input'\n            type={inputType}\n            confirmType='search'\n            value={value}\n            focus={isFocus}\n            disabled={disabled}\n            maxlength={maxLength}\n            // @ts-ignore ci 上面这个检查不通过, 暂时跳过ts检查\n            enableNative={enableNative}\n            onInput={this.handleChange}\n            onFocus={this.handleFocus}\n            onBlur={this.handleBlur}\n            onConfirm={this.handleConfirm}\n          />\n          <View\n            className='at-search-bar__clear'\n            style={clearIconStyle}\n            onTouchStart={this.handleClear}\n          >\n            <Text className='at-icon at-icon-close-circle'></Text>\n          </View>\n        </View>\n        <View\n          className='at-search-bar__action'\n          style={actionStyle}\n          onClick={this.handleActionClick}\n        >\n          {actionName}\n        </View>\n      </View>\n    )\n  }\n}\n\nAtSearchBar.defaultProps = {\n  value: '',\n  placeholder: '搜索',\n  maxLength: 140,\n  fixed: false,\n  focus: false,\n  disabled: false,\n  showActionButton: false,\n  actionName: '搜索',\n  inputType: 'text',\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  onChange: (): void => {},\n  enableNative: true\n}\n\nAtSearchBar.propTypes = {\n  value: PropTypes.string,\n  placeholder: PropTypes.string,\n  maxLength: PropTypes.number,\n  fixed: PropTypes.bool,\n  focus: PropTypes.bool,\n  disabled: PropTypes.bool,\n  showActionButton: PropTypes.bool,\n  actionName: PropTypes.string,\n  inputType: PropTypes.oneOf(['text', 'number', 'idcard', 'digit']),\n  onChange: PropTypes.func,\n  onFocus: PropTypes.func,\n  onBlur: PropTypes.func,\n  onConfirm: PropTypes.func,\n  onActionClick: PropTypes.func,\n  onClear: PropTypes.func,\n  enableNative: PropTypes.bool\n}\n"],"mappings":"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","names":[]}

package/lib/components/segmented-control/index.d.ts

@@ -0,0 +1,9 @@
+import { InferProps } from 'prop-types';
+import React from 'react';
+import { AtSegmentedControlProps } from '../../../types/segmented-control';
+export default class AtSegmentedControl extends React.Component<AtSegmentedControlProps> {
+    static defaultProps: AtSegmentedControlProps;
+    static propTypes: InferProps<AtSegmentedControlProps>;
+    private handleClick;
+    render(): JSX.Element;
+}

package/lib/components/segmented-control/index.js

@@ -1,59 +1,84 @@
-import classNames from 'classnames';
-import PropTypes from 'prop-types';
-import React from 'react';
-import { View } from '@tarojs/components';
-import { mergeStyle, pxTransform } from '../../common/utils';
-export default class AtSegmentedControl extends React.Component {
-    handleClick(index, event) {
-        if (this.props.disabled)
-            return;
-        this.props.onClick(index, event);
-    }
-    render() {
-        const { customStyle = '', className, disabled, values, selectedColor, current, color, fontSize = 28 } = this.props;
-        const rootStyle = {
-            borderColor: selectedColor
-        };
-        const itemStyle = {
-            color: selectedColor,
-            fontSize: pxTransform(fontSize),
-            borderColor: selectedColor,
-            backgroundColor: color
-        };
-        const selectedItemStyle = {
-            color,
-            fontSize: pxTransform(fontSize),
-            borderColor: selectedColor,
-            backgroundColor: selectedColor
-        };
-        const rootCls = classNames('at-segmented-control', {
-            'at-segmented-control--disabled': disabled
-        }, className);
-        return (React.createElement(View, { className: rootCls, style: mergeStyle(rootStyle, customStyle) }, values.map((value, i) => (React.createElement(View, { className: classNames('at-segmented-control__item', {
-                'at-segmented-control__item--active': current === i
-            }), style: current === i ? selectedItemStyle : itemStyle, key: value, onClick: this.handleClick.bind(this, i) }, value)))));
-    }
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import React from "react";
+import { View } from "@tarojs/components";
+import { mergeStyle, pxTransform } from "../../common/utils";
+class AtSegmentedControl extends React.Component {
+  handleClick(index, event) {
+    if (this.props.disabled) return;
+    this.props.onClick(index, event);
+  }
+  render() {
+    const {
+      customStyle = "",
+      className,
+      disabled,
+      values,
+      selectedColor,
+      current,
+      color,
+      fontSize = 28
+    } = this.props;
+    const rootStyle = {
+      borderColor: selectedColor
+    };
+    const itemStyle = {
+      color: selectedColor,
+      fontSize: pxTransform(fontSize),
+      borderColor: selectedColor,
+      backgroundColor: color
+    };
+    const selectedItemStyle = {
+      color,
+      fontSize: pxTransform(fontSize),
+      borderColor: selectedColor,
+      backgroundColor: selectedColor
+    };
+    const rootCls = classNames(
+      "at-segmented-control",
+      {
+        "at-segmented-control--disabled": disabled
+      },
+      className
+    );
+    return /* @__PURE__ */ React.createElement(View, { className: rootCls, style: mergeStyle(rootStyle, customStyle) }, values.map((value, i) => /* @__PURE__ */ React.createElement(
+      View,
+      {
+        className: classNames("at-segmented-control__item", {
+          "at-segmented-control__item--active": current === i
+        }),
+        style: current === i ? selectedItemStyle : itemStyle,
+        key: value,
+        onClick: this.handleClick.bind(this, i)
+      },
+      value
+    )));
+  }
 }
 AtSegmentedControl.defaultProps = {
-    customStyle: '',
-    className: '',
-    current: 0,
-    color: '',
-    fontSize: 28,
-    disabled: false,
-    selectedColor: '',
-    values: [],
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
-    onClick: () => { }
+  customStyle: "",
+  className: "",
+  current: 0,
+  color: "",
+  fontSize: 28,
+  disabled: false,
+  selectedColor: "",
+  values: [],
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  onClick: () => {
+  }
 };
 AtSegmentedControl.propTypes = {
-    customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
-    className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
-    current: PropTypes.number,
-    color: PropTypes.string,
-    fontSize: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-    disabled: PropTypes.bool,
-    values: PropTypes.array,
-    onClick: PropTypes.func
+  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
+  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
+  current: PropTypes.number,
+  color: PropTypes.string,
+  fontSize: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  disabled: PropTypes.bool,
+  values: PropTypes.array,
+  onClick: PropTypes.func
+};
+export {
+  AtSegmentedControl as default
 };
 //# sourceMappingURL=index.js.map

package/lib/components/segmented-control/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/segmented-control/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/segmented-control/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 { AtSegmentedControlProps } from '../../../types/segmented-control'\nimport { mergeStyle, pxTransform } from '../../common/utils'\n\nexport default class AtSegmentedControl extends React.Component<AtSegmentedControlProps> {\n  public static defaultProps: AtSegmentedControlProps\n  public static propTypes: InferProps<AtSegmentedControlProps>\n\n  private handleClick(index: number, event: CommonEvent): void {\n    if (this.props.disabled) return\n    this.props.onClick(index, event)\n  }\n\n  public render(): JSX.Element {\n    const {\n      customStyle = '',\n      className,\n      disabled,\n      values,\n      selectedColor,\n      current,\n      color,\n      fontSize = 28\n    } = this.props\n\n    const rootStyle = {\n      borderColor: selectedColor\n    }\n    const itemStyle = {\n      color: selectedColor,\n      fontSize: pxTransform(fontSize),\n      borderColor: selectedColor,\n      backgroundColor: color\n    }\n    const selectedItemStyle = {\n      color,\n      fontSize: pxTransform(fontSize),\n      borderColor: selectedColor,\n      backgroundColor: selectedColor\n    }\n    const rootCls = classNames(\n      'at-segmented-control',\n      {\n        'at-segmented-control--disabled': disabled\n      },\n      className\n    )\n\n    return (\n      <View className={rootCls} style={mergeStyle(rootStyle, customStyle)}>\n        {values.map((value, i) => (\n          <View\n            className={classNames('at-segmented-control__item', {\n              'at-segmented-control__item--active': current === i\n            })}\n            style={current === i ? selectedItemStyle : itemStyle}\n            key={value}\n            onClick={this.handleClick.bind(this, i)}\n          >\n            {value}\n          </View>\n        ))}\n      </View>\n    )\n  }\n}\n\nAtSegmentedControl.defaultProps = {\n  customStyle: '',\n  className: '',\n  current: 0,\n  color: '',\n  fontSize: 28,\n  disabled: false,\n  selectedColor: '',\n  values: [],\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  onClick: (): void => {}\n}\n\nAtSegmentedControl.propTypes = {\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\n  current: PropTypes.number,\n  color: PropTypes.string,\n  fontSize: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  disabled: PropTypes.bool,\n  values: PropTypes.array,\n  onClick: PropTypes.func\n}\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAA+B;AACtC,OAAO,WAAW;AAClB,SAAS,YAAY;AAGrB,SAAS,YAAY,mBAAmB;AAExC,MAAO,2BAAyC,MAAM,UAAmC;AAAA,EAI/E,YAAY,OAAe,OAA0B;AAC3D,QAAI,KAAK,MAAM,SAAU;AACzB,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,WAAW;AAAA,IACb,IAAI,KAAK;AAET,UAAM,YAAY;AAAA,MAChB,aAAa;AAAA,IACf;AACA,UAAM,YAAY;AAAA,MAChB,OAAO;AAAA,MACP,UAAU,YAAY,QAAQ;AAAA,MAC9B,aAAa;AAAA,MACb,iBAAiB;AAAA,IACnB;AACA,UAAM,oBAAoB;AAAA,MACxB;AAAA,MACA,UAAU,YAAY,QAAQ;AAAA,MAC9B,aAAa;AAAA,MACb,iBAAiB;AAAA,IACnB;AACA,UAAM,UAAU;AAAA,MACd;AAAA,MACA;AAAA,QACE,kCAAkC;AAAA,MACpC;AAAA,MACA;AAAA,IACF;AAEA,WACE,oCAAC,QAAK,WAAW,SAAS,OAAO,WAAW,WAAW,WAAW,KAC/D,OAAO,IAAI,CAAC,OAAO,MAClB;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,WAAW,8BAA8B;AAAA,UAClD,sCAAsC,YAAY;AAAA,QACpD,CAAC;AAAA,QACD,OAAO,YAAY,IAAI,oBAAoB;AAAA,QAC3C,KAAK;AAAA,QACL,SAAS,KAAK,YAAY,KAAK,MAAM,CAAC;AAAA;AAAA,MAErC;AAAA,IACH,CACD,CACH;AAAA,EAEJ;AACF;AAEA,mBAAmB,eAAe;AAAA,EAChC,aAAa;AAAA,EACb,WAAW;AAAA,EACX,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AAAA,EACV,eAAe;AAAA,EACf,QAAQ,CAAC;AAAA;AAAA,EAET,SAAS,MAAY;AAAA,EAAC;AACxB;AAEA,mBAAmB,YAAY;AAAA,EAC7B,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACrE,WAAW,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,MAAM,CAAC;AAAA,EAClE,SAAS,UAAU;AAAA,EACnB,OAAO,UAAU;AAAA,EACjB,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EAClE,UAAU,UAAU;AAAA,EACpB,QAAQ,UAAU;AAAA,EAClB,SAAS,UAAU;AACrB;","names":[]}

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

@@ -0,0 +1,13 @@
+import { InferProps } from 'prop-types';
+import React from 'react';
+import { AtSliderProps, AtSliderState } from '../../../types/slider';
+export default class AtSlider extends React.Component<AtSliderProps, AtSliderState> {
+    static defaultProps: AtSliderProps;
+    static propTypes: InferProps<AtSliderProps>;
+    constructor(props: AtSliderProps);
+    protected static clampNumber(value: number, lower: number, upper: number): number;
+    private handleChanging;
+    private handleChange;
+    UNSAFE_componentWillReceiveProps(props: AtSliderProps): void;
+    render(): JSX.Element;
+}