taro-ui 3.3.1 → 3.3.3

package/dist/components/range/index.js

@@ -0,0 +1,207 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import React from "react";
+import { View } from "@tarojs/components";
+import {
+  delayQuerySelector,
+  getEventDetail,
+  mergeStyle
+} from "../../common/utils";
+class AtRange extends React.Component {
+  constructor(props) {
+    super(props);
+    this.handleClick = (event) => {
+      if (this.currentSlider && !this.props.disabled) {
+        let sliderValue = 0;
+        const detail = getEventDetail(event);
+        sliderValue = detail.x - this.left;
+        this.setSliderValue(this.currentSlider, sliderValue, "onChange");
+      }
+    };
+    const { min = 0, max = 100 } = props;
+    this.width = 0;
+    this.left = 0;
+    this.deltaValue = max - min;
+    this.currentSlider = "";
+    this.state = {
+      aX: 0,
+      bX: 0
+    };
+  }
+  handleTouchMove(sliderName, event) {
+    if (this.props.disabled) return;
+    event.stopPropagation();
+    const clientX = event.touches[0].clientX;
+    this.setSliderValue(sliderName, clientX - this.left, "onChange");
+  }
+  handleTouchEnd(sliderName) {
+    if (this.props.disabled) return;
+    this.currentSlider = sliderName;
+    this.triggerEvent("onAfterChange");
+  }
+  setSliderValue(sliderName, targetValue, funcName) {
+    const distance = Math.min(Math.max(targetValue, 0), this.width);
+    const sliderValue = Math.floor(distance / this.width * 100);
+    if (funcName) {
+      this.setState(
+        {
+          [sliderName]: sliderValue
+        },
+        () => this.triggerEvent(funcName)
+      );
+    } else {
+      this.setState({
+        [sliderName]: sliderValue
+      });
+    }
+  }
+  setValue(value) {
+    const { min = 0 } = this.props;
+    const aX = Math.round((value[0] - min) / this.deltaValue * 100);
+    const bX = Math.round((value[1] - min) / this.deltaValue * 100);
+    this.setState({ aX, bX });
+  }
+  triggerEvent(funcName) {
+    const { min = 0 } = this.props;
+    const { aX, bX } = this.state;
+    const a = Math.round(aX / 100 * this.deltaValue) + min;
+    const b = Math.round(bX / 100 * this.deltaValue) + min;
+    const result = [a, b].sort((x, y) => x - y);
+    if (funcName === "onChange") {
+      this.props.onChange && this.props.onChange(result);
+    } else if (funcName === "onAfterChange") {
+      this.props.onAfterChange && this.props.onAfterChange(result);
+    }
+  }
+  updatePos() {
+    delayQuerySelector(".at-range__container", 0).then((rect) => {
+      var _a, _b;
+      this.width = Math.round((_a = rect[0]) == null ? void 0 : _a.width);
+      this.left = Math.round((_b = rect[0]) == null ? void 0 : _b.left);
+    });
+  }
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    var _a, _b;
+    const { value = [] } = nextProps;
+    this.updatePos();
+    if (((_a = this.props.value) == null ? void 0 : _a[0]) !== (value == null ? void 0 : value[0]) || ((_b = this.props.value) == null ? void 0 : _b[1]) !== (value == null ? void 0 : value[1])) {
+      this.setValue(value);
+    }
+  }
+  componentDidMount() {
+    const { value = [] } = this.props;
+    this.updatePos();
+    this.setValue(value);
+  }
+  render() {
+    const {
+      className,
+      customStyle,
+      sliderStyle = {},
+      railStyle = {},
+      trackStyle = {},
+      blockSize,
+      disabled
+    } = this.props;
+    const rootCls = classNames(
+      "at-range",
+      {
+        "at-range--disabled": disabled
+      },
+      className
+    );
+    const { aX, bX } = this.state;
+    const sliderCommonStyle = {
+      width: blockSize ? `${blockSize}PX` : "",
+      height: blockSize ? `${blockSize}PX` : "",
+      marginLeft: blockSize ? `${-blockSize / 2}PX` : ""
+    };
+    const sliderAStyle = __spreadProps(__spreadValues({}, sliderCommonStyle), {
+      left: `${aX}%`
+    });
+    const sliderBStyle = __spreadProps(__spreadValues({}, sliderCommonStyle), {
+      left: `${bX}%`
+    });
+    const containerStyle = {
+      height: blockSize ? `${blockSize}PX` : ""
+    };
+    const smallerX = Math.min(aX, bX);
+    const deltaX = Math.abs(aX - bX);
+    const atTrackStyle = {
+      left: `${smallerX}%`,
+      width: `${deltaX}%`
+    };
+    return /* @__PURE__ */ React.createElement(View, { className: rootCls, style: customStyle, onClick: this.handleClick }, /* @__PURE__ */ React.createElement(View, { className: "at-range__container", style: containerStyle }, /* @__PURE__ */ React.createElement(View, { className: "at-range__rail", style: railStyle }), /* @__PURE__ */ React.createElement(
+      View,
+      {
+        className: "at-range__track",
+        style: mergeStyle(atTrackStyle, trackStyle)
+      }
+    ), /* @__PURE__ */ React.createElement(
+      View,
+      {
+        className: "at-range__slider",
+        style: mergeStyle(sliderAStyle, sliderStyle),
+        onTouchMove: this.handleTouchMove.bind(this, "aX"),
+        onTouchEnd: this.handleTouchEnd.bind(this, "aX")
+      }
+    ), /* @__PURE__ */ React.createElement(
+      View,
+      {
+        className: "at-range__slider",
+        style: mergeStyle(sliderBStyle, sliderStyle),
+        onTouchMove: this.handleTouchMove.bind(this, "bX"),
+        onTouchEnd: this.handleTouchEnd.bind(this, "bX")
+      }
+    )));
+  }
+}
+AtRange.defaultProps = {
+  customStyle: "",
+  className: "",
+  sliderStyle: "",
+  railStyle: "",
+  trackStyle: "",
+  value: [0, 0],
+  min: 0,
+  max: 100,
+  disabled: false,
+  blockSize: 0
+};
+AtRange.propTypes = {
+  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
+  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
+  sliderStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
+  railStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
+  trackStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
+  value: PropTypes.array,
+  min: PropTypes.number,
+  max: PropTypes.number,
+  disabled: PropTypes.bool,
+  blockSize: PropTypes.number,
+  onChange: PropTypes.func,
+  onAfterChange: PropTypes.func
+};
+export {
+  AtRange as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/range/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { View } from '@tarojs/components'\nimport { CommonEvent, ITouchEvent } from '@tarojs/components/types/common'\nimport { AtRangeProps, AtRangeState } from '../../../types/range'\nimport {\n  delayQuerySelector,\n  getEventDetail,\n  mergeStyle\n} from '../../common/utils'\n\nexport default class AtRange extends React.Component<\n  AtRangeProps,\n  AtRangeState\n> {\n  public static defaultProps: AtRangeProps\n  public static propTypes: InferProps<AtRangeProps>\n\n  private width: number\n  private left: number\n  private deltaValue: number\n  private currentSlider: string\n\n  public constructor(props: AtRangeProps) {\n    super(props)\n    const { min = 0, max = 100 } = props\n    // range 宽度\n    this.width = 0\n    // range 到屏幕左边的距离\n    this.left = 0\n    this.deltaValue = max - min\n    this.currentSlider = ''\n    this.state = {\n      aX: 0,\n      bX: 0\n    }\n  }\n\n  private handleClick = (event: CommonEvent): void => {\n    if (this.currentSlider && !this.props.disabled) {\n      let sliderValue = 0\n      const detail = getEventDetail(event)\n      sliderValue = detail.x - this.left\n      this.setSliderValue(this.currentSlider, sliderValue, 'onChange')\n    }\n  }\n\n  private handleTouchMove(sliderName: string, event: ITouchEvent): void {\n    if (this.props.disabled) return\n    event.stopPropagation()\n\n    const clientX = event.touches[0].clientX\n    this.setSliderValue(sliderName, clientX - this.left, 'onChange')\n  }\n\n  private handleTouchEnd(sliderName: string): void {\n    if (this.props.disabled) return\n\n    this.currentSlider = sliderName\n    this.triggerEvent('onAfterChange')\n  }\n\n  private setSliderValue(\n    sliderName: string,\n    targetValue: number,\n    funcName: string\n  ): void {\n    const distance = Math.min(Math.max(targetValue, 0), this.width)\n    const sliderValue = Math.floor((distance / this.width) * 100)\n    if (funcName) {\n      this.setState(\n        {\n          [sliderName]: sliderValue\n        },\n        () => this.triggerEvent(funcName)\n      )\n    } else {\n      this.setState({\n        [sliderName]: sliderValue\n      })\n    }\n  }\n\n  private setValue(value: number[]): void {\n    const { min = 0 } = this.props\n    const aX = Math.round(((value[0] - min) / this.deltaValue) * 100) // fix issue #670\n    const bX = Math.round(((value[1] - min) / this.deltaValue) * 100) // fix issue #670\n    this.setState({ aX, bX })\n  }\n\n  private triggerEvent(funcName: string): void {\n    const { min = 0 } = this.props\n    const { aX, bX } = this.state\n    const a = Math.round((aX / 100) * this.deltaValue) + min // fix issue #670\n    const b = Math.round((bX / 100) * this.deltaValue) + min // fix issue #670\n    const result = [a, b].sort((x, y) => x - y) as [number, number]\n\n    if (funcName === 'onChange') {\n      this.props.onChange && this.props.onChange(result)\n    } else if (funcName === 'onAfterChange') {\n      this.props.onAfterChange && this.props.onAfterChange(result)\n    }\n  }\n\n  private updatePos(): void {\n    delayQuerySelector('.at-range__container', 0).then(rect => {\n      this.width = Math.round(rect[0]?.width)\n      this.left = Math.round(rect[0]?.left)\n    })\n  }\n\n  public UNSAFE_componentWillReceiveProps(nextProps: AtRangeProps): void {\n    const { value = [] } = nextProps\n    this.updatePos()\n    if (\n      this.props.value?.[0] !== value?.[0] ||\n      this.props.value?.[1] !== value?.[1]\n    ) {\n      this.setValue(value)\n    }\n  }\n\n  public componentDidMount(): void {\n    const { value = [] } = this.props\n    this.updatePos()\n    this.setValue(value)\n  }\n\n  public render(): JSX.Element {\n    const {\n      className,\n      customStyle,\n      sliderStyle = {},\n      railStyle = {},\n      trackStyle = {},\n      blockSize,\n      disabled\n    } = this.props\n\n    const rootCls = classNames(\n      'at-range',\n      {\n        'at-range--disabled': disabled\n      },\n      className\n    )\n\n    const { aX, bX } = this.state\n    const sliderCommonStyle = {\n      width: blockSize ? `${blockSize}PX` : '',\n      height: blockSize ? `${blockSize}PX` : '',\n      marginLeft: blockSize ? `${-blockSize / 2}PX` : ''\n    }\n    const sliderAStyle = {\n      ...sliderCommonStyle,\n      left: `${aX}%`\n    }\n    const sliderBStyle = {\n      ...sliderCommonStyle,\n      left: `${bX}%`\n    }\n    const containerStyle = {\n      height: blockSize ? `${blockSize}PX` : ''\n    }\n    const smallerX = Math.min(aX, bX)\n    const deltaX = Math.abs(aX - bX)\n    const atTrackStyle = {\n      left: `${smallerX}%`,\n      width: `${deltaX}%`\n    }\n\n    return (\n      <View className={rootCls} style={customStyle} onClick={this.handleClick}>\n        <View className='at-range__container' style={containerStyle}>\n          <View className='at-range__rail' style={railStyle}></View>\n          <View\n            className='at-range__track'\n            style={mergeStyle(atTrackStyle, trackStyle)}\n          ></View>\n          <View\n            className='at-range__slider'\n            style={mergeStyle(sliderAStyle, sliderStyle)}\n            onTouchMove={this.handleTouchMove.bind(this, 'aX')}\n            onTouchEnd={this.handleTouchEnd.bind(this, 'aX')}\n          ></View>\n          <View\n            className='at-range__slider'\n            style={mergeStyle(sliderBStyle, sliderStyle)}\n            onTouchMove={this.handleTouchMove.bind(this, 'bX')}\n            onTouchEnd={this.handleTouchEnd.bind(this, 'bX')}\n          ></View>\n        </View>\n      </View>\n    )\n  }\n}\n\nAtRange.defaultProps = {\n  customStyle: '',\n  className: '',\n  sliderStyle: '',\n  railStyle: '',\n  trackStyle: '',\n  value: [0, 0],\n  min: 0,\n  max: 100,\n  disabled: false,\n  blockSize: 0\n}\n\nAtRange.propTypes = {\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\n  sliderStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  railStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  trackStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  value: PropTypes.array,\n  min: PropTypes.number,\n  max: PropTypes.number,\n  disabled: PropTypes.bool,\n  blockSize: PropTypes.number,\n  onChange: PropTypes.func,\n  onAfterChange: PropTypes.func\n}\n"],"mappings":"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","names":[]}

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

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

package/dist/components/rate/index.js

@@ -0,0 +1,82 @@
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import React from "react";
+import { Text, View } from "@tarojs/components";
+import { pxTransform } from "../../common/utils";
+class AtRate extends React.Component {
+  handleClick(event) {
+    this.props.onChange && this.props.onChange(event);
+  }
+  render() {
+    const {
+      customStyle,
+      className,
+      value = 0,
+      max = 5,
+      size,
+      margin = 5
+    } = this.props;
+    const iconStyle = {
+      marginRight: pxTransform(margin)
+    };
+    const starIconStyle = {
+      fontSize: size ? `${size}px` : ""
+    };
+    const classNameArr = [];
+    const floorValue = Math.floor(value);
+    const ceilValue = Math.ceil(value);
+    for (let i = 0; i < max; i++) {
+      if (floorValue > i) {
+        classNameArr.push("at-rate__icon at-rate__icon--on");
+      } else if (ceilValue - 1 === i) {
+        classNameArr.push("at-rate__icon at-rate__icon--half");
+      } else {
+        classNameArr.push("at-rate__icon at-rate__icon--off");
+      }
+    }
+    return /* @__PURE__ */ React.createElement(View, { className: classNames("at-rate", className), style: customStyle }, classNameArr.map((cls, i) => /* @__PURE__ */ React.createElement(
+      View,
+      {
+        className: cls,
+        key: `at-rate-star-${i}`,
+        style: iconStyle,
+        onClick: this.handleClick.bind(this, i + 1)
+      },
+      /* @__PURE__ */ React.createElement(
+        Text,
+        {
+          className: "at-icon at-icon-star-2",
+          style: starIconStyle
+        }
+      ),
+      /* @__PURE__ */ React.createElement(View, { className: "at-rate__left" }, /* @__PURE__ */ React.createElement(
+        Text,
+        {
+          className: "at-icon at-icon-star-2",
+          style: starIconStyle
+        }
+      ))
+    )));
+  }
+}
+AtRate.defaultProps = {
+  customStyle: "",
+  className: "",
+  size: 0,
+  value: 0,
+  max: 5,
+  margin: 5
+};
+AtRate.propTypes = {
+  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
+  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  value: PropTypes.number,
+  max: PropTypes.number,
+  margin: PropTypes.number,
+  onChange: PropTypes.func
+};
+export {
+  AtRate as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/rate/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { Text, View } from '@tarojs/components'\nimport { CommonEvent } from '@tarojs/components/types/common'\nimport { AtRateProps } from '../../../types/rate'\nimport { pxTransform } from '../../common/utils'\n\nexport default class AtRate extends React.Component<AtRateProps> {\n  public static defaultProps: AtRateProps\n  public static propTypes: InferProps<AtRateProps>\n\n  private handleClick(event: CommonEvent): void {\n    this.props.onChange && this.props.onChange(event)\n  }\n\n  public render(): JSX.Element {\n    const {\n      customStyle,\n      className,\n      value = 0,\n      max = 5,\n      size,\n      margin = 5\n    } = this.props\n\n    const iconStyle = {\n      marginRight: pxTransform(margin)\n    }\n    const starIconStyle = {\n      fontSize: size ? `${size}px` : ''\n    }\n\n    // 生成星星颜色 className 数组，方便在jsx中直接map\n    const classNameArr: string[] = []\n    const floorValue = Math.floor(value)\n    const ceilValue = Math.ceil(value)\n    for (let i = 0; i < max; i++) {\n      if (floorValue > i) {\n        classNameArr.push('at-rate__icon at-rate__icon--on')\n      } else if (ceilValue - 1 === i) {\n        classNameArr.push('at-rate__icon at-rate__icon--half')\n      } else {\n        classNameArr.push('at-rate__icon at-rate__icon--off')\n      }\n    }\n\n    return (\n      <View className={classNames('at-rate', className)} style={customStyle}>\n        {classNameArr.map((cls, i) => (\n          <View\n            className={cls}\n            key={`at-rate-star-${i}`}\n            style={iconStyle}\n            onClick={this.handleClick.bind(this, i + 1)}\n          >\n            <Text\n              className='at-icon at-icon-star-2'\n              style={starIconStyle}\n            ></Text>\n            <View className='at-rate__left'>\n              <Text\n                className='at-icon at-icon-star-2'\n                style={starIconStyle}\n              ></Text>\n            </View>\n          </View>\n        ))}\n      </View>\n    )\n  }\n}\n\nAtRate.defaultProps = {\n  customStyle: '',\n  className: '',\n  size: 0,\n  value: 0,\n  max: 5,\n  margin: 5\n}\n\nAtRate.propTypes = {\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\n  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  value: PropTypes.number,\n  max: PropTypes.number,\n  margin: PropTypes.number,\n  onChange: PropTypes.func\n}\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAA+B;AACtC,OAAO,WAAW;AAClB,SAAS,MAAM,YAAY;AAG3B,SAAS,mBAAmB;AAE5B,MAAO,eAA6B,MAAM,UAAuB;AAAA,EAIvD,YAAY,OAA0B;AAC5C,SAAK,MAAM,YAAY,KAAK,MAAM,SAAS,KAAK;AAAA,EAClD;AAAA,EAEO,SAAsB;AAC3B,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,MACR,MAAM;AAAA,MACN;AAAA,MACA,SAAS;AAAA,IACX,IAAI,KAAK;AAET,UAAM,YAAY;AAAA,MAChB,aAAa,YAAY,MAAM;AAAA,IACjC;AACA,UAAM,gBAAgB;AAAA,MACpB,UAAU,OAAO,GAAG,IAAI,OAAO;AAAA,IACjC;AAGA,UAAM,eAAyB,CAAC;AAChC,UAAM,aAAa,KAAK,MAAM,KAAK;AACnC,UAAM,YAAY,KAAK,KAAK,KAAK;AACjC,aAAS,IAAI,GAAG,IAAI,KAAK,KAAK;AAC5B,UAAI,aAAa,GAAG;AAClB,qBAAa,KAAK,iCAAiC;AAAA,MACrD,WAAW,YAAY,MAAM,GAAG;AAC9B,qBAAa,KAAK,mCAAmC;AAAA,MACvD,OAAO;AACL,qBAAa,KAAK,kCAAkC;AAAA,MACtD;AAAA,IACF;AAEA,WACE,oCAAC,QAAK,WAAW,WAAW,WAAW,SAAS,GAAG,OAAO,eACvD,aAAa,IAAI,CAAC,KAAK,MACtB;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,QACX,KAAK,gBAAgB,CAAC;AAAA,QACtB,OAAO;AAAA,QACP,SAAS,KAAK,YAAY,KAAK,MAAM,IAAI,CAAC;AAAA;AAAA,MAE1C;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,OAAO;AAAA;AAAA,MACR;AAAA,MACD,oCAAC,QAAK,WAAU,mBACd;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,OAAO;AAAA;AAAA,MACR,CACH;AAAA,IACF,CACD,CACH;AAAA,EAEJ;AACF;AAEA,OAAO,eAAe;AAAA,EACpB,aAAa;AAAA,EACb,WAAW;AAAA,EACX,MAAM;AAAA,EACN,OAAO;AAAA,EACP,KAAK;AAAA,EACL,QAAQ;AACV;AAEA,OAAO,YAAY;AAAA,EACjB,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACrE,WAAW,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,MAAM,CAAC;AAAA,EAClE,MAAM,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EAC9D,OAAO,UAAU;AAAA,EACjB,KAAK,UAAU;AAAA,EACf,QAAQ,UAAU;AAAA,EAClB,UAAU,UAAU;AACtB;","names":[]}

package/dist/components/search-bar/index.d.ts

@@ -0,0 +1,16 @@
+import { InferProps } from 'prop-types';
+import React from 'react';
+import { AtSearchBarProps, AtSearchBarState } from '../../../types/search-bar';
+export default class AtSearchBar extends React.Component<AtSearchBarProps, AtSearchBarState> {
+    static defaultProps: AtSearchBarProps;
+    static propTypes: InferProps<AtSearchBarProps>;
+    constructor(props: AtSearchBarProps);
+    private handleFocus;
+    private handleBlur;
+    private handleChange;
+    private handleClear;
+    private handleConfirm;
+    private handleActionClick;
+    UNSAFE_componentWillReceiveProps(nextProps: AtSearchBarProps): void;
+    render(): JSX.Element;
+}

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

@@ -0,0 +1,176 @@
+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 });
+    }
+  }
+  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`;
+    }
+    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: "\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
+};
+export {
+  AtSearchBar as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"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":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAA+B;AACtC,OAAO,WAAW;AAClB,SAAS,OAAO,MAAM,YAAY;AAUlC,MAAO,oBAAkC,MAAM,UAG7C;AAAA,EAIO,YAAY,OAAyB;AAC1C,UAAM,KAAK;AAMb,SAAQ,cAAc,CAAC,UAA6B;AAClD,WAAK,SAAS;AAAA,QACZ,SAAS;AAAA,MACX,CAAC;AACD,WAAK,MAAM,WAAW,KAAK,MAAM,QAAQ,KAAK;AAAA,IAChD;AAEA,SAAQ,aAAa,CAAC,UAA6B;AACjD,WAAK,SAAS;AAAA,QACZ,SAAS;AAAA,MACX,CAAC;AACD,WAAK,MAAM,UAAU,KAAK,MAAM,OAAO,KAAK;AAAA,IAC9C;AAEA,SAAQ,eAAe,CAAC,MAAuC;AAC7D,WAAK,MAAM,SAAS,EAAE,OAAO,OAAO,CAAC;AAAA,IACvC;AAEA,SAAQ,cAAc,CAAC,UAA6B;AAClD,UAAI,KAAK,MAAM,SAAS;AACtB,aAAK,MAAM,QAAQ,KAAK;AAAA,MAC1B,OAAO;AACL,aAAK,MAAM,SAAS,IAAI,KAAK;AAAA,MAC/B;AAAA,IACF;AAEA,SAAQ,gBAAgB,CAAC,UAA6B;AACpD,WAAK,MAAM,aAAa,KAAK,MAAM,UAAU,KAAK;AAAA,IACpD;AAEA,SAAQ,oBAAoB,CAAC,UAA6B;AACxD,WAAK,MAAM,iBAAiB,KAAK,MAAM,cAAc,KAAK;AAAA,IAC5D;AArCE,SAAK,QAAQ;AAAA,MACX,SAAS,CAAC,CAAC,MAAM;AAAA,IACnB;AAAA,EACF;AAAA,EAoCO,iCAAiC,WAAmC;AACzE,QAAI,UAAU,UAAU,KAAK,MAAM,OAAO;AACxC,WAAK,SAAS,EAAE,SAAS,CAAC,CAAC,UAAU,MAAM,CAAC;AAAA,IAC9C;AAAA,EACF;AAAA,EAEO,SAAsB;AAC3B,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb;AAAA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI,KAAK;AACT,UAAM,EAAE,QAAQ,IAAI,KAAK;AACzB,UAAM,WAAW;AACjB,UAAM,UAAU;AAAA,MACd;AAAA,MACA;AAAA,QACE,wBAAwB;AAAA,MAC1B;AAAA,MACA;AAAA,IACF;AACA,UAAM,uBAA4C,CAAC;AACnD,UAAM,cAAmC,CAAC;AAC1C,QAAI,WAAY,CAAC,WAAW,OAAQ;AAClC,kBAAY,UAAU;AACtB,kBAAY,cAAc;AAC1B,2BAAqB,WAAW;AAAA,IAClC,WAAW,CAAC,WAAW,CAAC,OAAO;AAC7B,2BAAqB,WAAW;AAChC,kBAAY,UAAU;AACtB,kBAAY,cAAc,KACvB,WAAW,SAAS,KAAK,WAAW,WAAW,IAAI,EACtD;AAAA,IACF;AACA,QAAI,kBAAkB;AACpB,kBAAY,UAAU;AACtB,kBAAY,cAAc;AAAA,IAC5B;AAEA,UAAM,iBAAsC,EAAE,SAAS,OAAO;AAC9D,UAAM,mBAAwC,EAAE,YAAY,SAAS;AACrE,QAAI,CAAC,MAAM,QAAQ;AACjB,qBAAe,UAAU;AACzB,uBAAiB,aAAa;AAAA,IAChC;AAEA,WACE,oCAAC,QAAK,WAAW,SAAS,OAAO,eAC/B,oCAAC,QAAK,WAAU,8BACd;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO;AAAA;AAAA,MAEP,oCAAC,QAAK,WAAU,0BAAyB;AAAA,MACzC;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,OAAO;AAAA;AAAA,QAEN,UAAU,KAAK;AAAA,MAClB;AAAA,IACF,GACA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,MAAM;AAAA,QACN,aAAY;AAAA,QACZ;AAAA,QACA,OAAO;AAAA,QACP;AAAA,QACA,WAAW;AAAA,QAEX;AAAA,QACA,SAAS,KAAK;AAAA,QACd,SAAS,KAAK;AAAA,QACd,QAAQ,KAAK;AAAA,QACb,WAAW,KAAK;AAAA;AAAA,IAClB,GACA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO;AAAA,QACP,cAAc,KAAK;AAAA;AAAA,MAEnB,oCAAC,QAAK,WAAU,gCAA+B;AAAA,IACjD,CACF,GACA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO;AAAA,QACP,SAAS,KAAK;AAAA;AAAA,MAEb;AAAA,IACH,CACF;AAAA,EAEJ;AACF;AAEA,YAAY,eAAe;AAAA,EACzB,OAAO;AAAA,EACP,aAAa;AAAA,EACb,WAAW;AAAA,EACX,OAAO;AAAA,EACP,OAAO;AAAA,EACP,UAAU;AAAA,EACV,kBAAkB;AAAA,EAClB,YAAY;AAAA,EACZ,WAAW;AAAA;AAAA,EAEX,UAAU,MAAY;AAAA,EAAC;AAAA,EACvB,cAAc;AAChB;AAEA,YAAY,YAAY;AAAA,EACtB,OAAO,UAAU;AAAA,EACjB,aAAa,UAAU;AAAA,EACvB,WAAW,UAAU;AAAA,EACrB,OAAO,UAAU;AAAA,EACjB,OAAO,UAAU;AAAA,EACjB,UAAU,UAAU;AAAA,EACpB,kBAAkB,UAAU;AAAA,EAC5B,YAAY,UAAU;AAAA,EACtB,WAAW,UAAU,MAAM,CAAC,QAAQ,UAAU,UAAU,OAAO,CAAC;AAAA,EAChE,UAAU,UAAU;AAAA,EACpB,SAAS,UAAU;AAAA,EACnB,QAAQ,UAAU;AAAA,EAClB,WAAW,UAAU;AAAA,EACrB,eAAe,UAAU;AAAA,EACzB,SAAS,UAAU;AAAA,EACnB,cAAc,UAAU;AAC1B;","names":[]}

package/dist/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/dist/components/segmented-control/index.js

@@ -0,0 +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";
+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: () => {
+  }
+};
+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
+};
+export {
+  AtSegmentedControl as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"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/dist/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;
+}