taro-ui 3.3.3 → 3.4.0

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

@@ -1 +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":[]}
+{"version":3,"sources":["../../../src/components/range/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React, { useEffect, useRef, useState } from 'react'\nimport { View } from '@tarojs/components'\nimport { CommonEvent, ITouchEvent } from '@tarojs/components/types/common'\nimport { AtRangeProps } from '../../../types/range'\nimport {\n  delayQuerySelector,\n  getEventDetail,\n  mergeStyle\n} from '../../common/utils'\n\nfunction AtRange({\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  onChange,\n  onAfterChange\n}: AtRangeProps): JSX.Element {\n  const widthRef = useRef(0)\n  const leftRef = useRef(0)\n  const deltaValueRef = useRef(max - min)\n  const currentSliderRef = useRef('')\n  const [{ aX, bX }, setAxis] = useState({ aX: 0, bX: 0 })\n  const stateRef = useRef({ aX: 0, bX: 0 })\n  stateRef.current = { aX, bX }\n\n  deltaValueRef.current = max - min\n\n  const triggerEvent = (funcName: string): void => {\n    const { aX: stateAX, bX: stateBX } = stateRef.current\n    const a = Math.round((stateAX / 100) * deltaValueRef.current) + min\n    const b = Math.round((stateBX / 100) * deltaValueRef.current) + min\n    const result = [a, b].sort((x, y) => x - y) as [number, number]\n\n    if (funcName === 'onChange') {\n      onChange && onChange(result)\n    } else if (funcName === 'onAfterChange') {\n      onAfterChange && onAfterChange(result)\n    }\n  }\n\n  const setValue = (nextValue: number[]): void => {\n    const aXVal = Math.round(\n      ((nextValue[0] - min) / deltaValueRef.current) * 100\n    )\n    const bXVal = Math.round(\n      ((nextValue[1] - min) / deltaValueRef.current) * 100\n    )\n    setAxis({ aX: aXVal, bX: bXVal })\n  }\n\n  const setSliderValue = (\n    sliderName: string,\n    targetValue: number,\n    funcName: string\n  ): void => {\n    const distance = Math.min(Math.max(targetValue, 0), widthRef.current)\n    const sliderValue = Math.floor((distance / widthRef.current) * 100)\n    if (funcName) {\n      setAxis(prev => {\n        const next = { ...prev, [sliderName]: sliderValue }\n        stateRef.current = next\n        const a = Math.round((next.aX / 100) * deltaValueRef.current) + min\n        const b = Math.round((next.bX / 100) * deltaValueRef.current) + min\n        const result = [a, b].sort((x, y) => x - y) as [number, number]\n        if (funcName === 'onChange') {\n          onChange && onChange(result)\n        } else if (funcName === 'onAfterChange') {\n          onAfterChange && onAfterChange(result)\n        }\n        return next\n      })\n    } else {\n      setAxis(prev => ({ ...prev, [sliderName]: sliderValue }))\n    }\n  }\n\n  const updatePos = (): void => {\n    delayQuerySelector('.at-range__container', 0).then(rect => {\n      widthRef.current = Math.round(rect[0]?.width)\n      leftRef.current = Math.round(rect[0]?.left)\n    })\n  }\n\n  const handleClick = (event: CommonEvent): void => {\n    if (currentSliderRef.current && !disabled) {\n      let sliderValue = 0\n      const detail = getEventDetail(event)\n      sliderValue = detail.x - leftRef.current\n      setSliderValue(currentSliderRef.current, sliderValue, 'onChange')\n    }\n  }\n\n  const handleTouchMove = (sliderName: string, event: ITouchEvent): void => {\n    if (disabled) return\n    event.stopPropagation()\n\n    const clientX = event.touches[0].clientX\n    setSliderValue(sliderName, clientX - leftRef.current, 'onChange')\n  }\n\n  const handleTouchEnd = (sliderName: string): void => {\n    if (disabled) return\n\n    currentSliderRef.current = sliderName\n    triggerEvent('onAfterChange')\n  }\n\n  useEffect(() => {\n    updatePos()\n    setValue(value)\n    // componentDidMount\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  const prevValueRef = useRef(value)\n  useEffect(() => {\n    updatePos()\n    if (\n      prevValueRef.current?.[0] !== value?.[0] ||\n      prevValueRef.current?.[1] !== value?.[1]\n    ) {\n      setValue(value)\n    }\n    prevValueRef.current = value\n  }, [value, min, max])\n\n  const rootCls = classNames(\n    'at-range',\n    {\n      'at-range--disabled': disabled\n    },\n    className\n  )\n\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={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={(event: ITouchEvent) => handleTouchMove('aX', event)}\n          onTouchEnd={() => handleTouchEnd('aX')}\n        ></View>\n        <View\n          className='at-range__slider'\n          style={mergeStyle(sliderBStyle, sliderStyle)}\n          onTouchMove={(event: ITouchEvent) => handleTouchMove('bX', event)}\n          onTouchEnd={() => handleTouchEnd('bX')}\n        ></View>\n      </View>\n    </View>\n  )\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\nexport default AtRange\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,OAAO,gBAAgB;AACvB,OAAO,eAAe;AACtB,OAAO,SAAS,WAAW,QAAQ,gBAAgB;AACnD,SAAS,YAAY;AAGrB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,QAAQ;AAAA,EACf,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,cAAc,CAAC;AAAA,EACf,YAAY,CAAC;AAAA,EACb,aAAa,CAAC;AAAA,EACd,QAAQ,CAAC,GAAG,CAAC;AAAA,EACb,MAAM;AAAA,EACN,MAAM;AAAA,EACN,WAAW;AAAA,EACX,YAAY;AAAA,EACZ;AAAA,EACA;AACF,GAA8B;AAC5B,QAAM,WAAW,OAAO,CAAC;AACzB,QAAM,UAAU,OAAO,CAAC;AACxB,QAAM,gBAAgB,OAAO,MAAM,GAAG;AACtC,QAAM,mBAAmB,OAAO,EAAE;AAClC,QAAM,CAAC,EAAE,IAAI,GAAG,GAAG,OAAO,IAAI,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,CAAC;AACvD,QAAM,WAAW,OAAO,EAAE,IAAI,GAAG,IAAI,EAAE,CAAC;AACxC,WAAS,UAAU,EAAE,IAAI,GAAG;AAE5B,gBAAc,UAAU,MAAM;AAE9B,QAAM,eAAe,CAAC,aAA2B;AAC/C,UAAM,EAAE,IAAI,SAAS,IAAI,QAAQ,IAAI,SAAS;AAC9C,UAAM,IAAI,KAAK,MAAO,UAAU,MAAO,cAAc,OAAO,IAAI;AAChE,UAAM,IAAI,KAAK,MAAO,UAAU,MAAO,cAAc,OAAO,IAAI;AAChE,UAAM,SAAS,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,MAAM,IAAI,CAAC;AAE1C,QAAI,aAAa,YAAY;AAC3B,kBAAY,SAAS,MAAM;AAAA,IAC7B,WAAW,aAAa,iBAAiB;AACvC,uBAAiB,cAAc,MAAM;AAAA,IACvC;AAAA,EACF;AAEA,QAAM,WAAW,CAAC,cAA8B;AAC9C,UAAM,QAAQ,KAAK;AAAA,OACf,UAAU,CAAC,IAAI,OAAO,cAAc,UAAW;AAAA,IACnD;AACA,UAAM,QAAQ,KAAK;AAAA,OACf,UAAU,CAAC,IAAI,OAAO,cAAc,UAAW;AAAA,IACnD;AACA,YAAQ,EAAE,IAAI,OAAO,IAAI,MAAM,CAAC;AAAA,EAClC;AAEA,QAAM,iBAAiB,CACrB,YACA,aACA,aACS;AACT,UAAM,WAAW,KAAK,IAAI,KAAK,IAAI,aAAa,CAAC,GAAG,SAAS,OAAO;AACpE,UAAM,cAAc,KAAK,MAAO,WAAW,SAAS,UAAW,GAAG;AAClE,QAAI,UAAU;AACZ,cAAQ,UAAQ;AACd,cAAM,OAAO,iCAAK,OAAL,EAAW,CAAC,UAAU,GAAG,YAAY;AAClD,iBAAS,UAAU;AACnB,cAAM,IAAI,KAAK,MAAO,KAAK,KAAK,MAAO,cAAc,OAAO,IAAI;AAChE,cAAM,IAAI,KAAK,MAAO,KAAK,KAAK,MAAO,cAAc,OAAO,IAAI;AAChE,cAAM,SAAS,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,MAAM,IAAI,CAAC;AAC1C,YAAI,aAAa,YAAY;AAC3B,sBAAY,SAAS,MAAM;AAAA,QAC7B,WAAW,aAAa,iBAAiB;AACvC,2BAAiB,cAAc,MAAM;AAAA,QACvC;AACA,eAAO;AAAA,MACT,CAAC;AAAA,IACH,OAAO;AACL,cAAQ,UAAS,iCAAK,OAAL,EAAW,CAAC,UAAU,GAAG,YAAY,EAAE;AAAA,IAC1D;AAAA,EACF;AAEA,QAAM,YAAY,MAAY;AAC5B,uBAAmB,wBAAwB,CAAC,EAAE,KAAK,UAAQ;AAtF/D;AAuFM,eAAS,UAAU,KAAK,OAAM,UAAK,CAAC,MAAN,mBAAS,KAAK;AAC5C,cAAQ,UAAU,KAAK,OAAM,UAAK,CAAC,MAAN,mBAAS,IAAI;AAAA,IAC5C,CAAC;AAAA,EACH;AAEA,QAAM,cAAc,CAAC,UAA6B;AAChD,QAAI,iBAAiB,WAAW,CAAC,UAAU;AACzC,UAAI,cAAc;AAClB,YAAM,SAAS,eAAe,KAAK;AACnC,oBAAc,OAAO,IAAI,QAAQ;AACjC,qBAAe,iBAAiB,SAAS,aAAa,UAAU;AAAA,IAClE;AAAA,EACF;AAEA,QAAM,kBAAkB,CAAC,YAAoB,UAA6B;AACxE,QAAI,SAAU;AACd,UAAM,gBAAgB;AAEtB,UAAM,UAAU,MAAM,QAAQ,CAAC,EAAE;AACjC,mBAAe,YAAY,UAAU,QAAQ,SAAS,UAAU;AAAA,EAClE;AAEA,QAAM,iBAAiB,CAAC,eAA6B;AACnD,QAAI,SAAU;AAEd,qBAAiB,UAAU;AAC3B,iBAAa,eAAe;AAAA,EAC9B;AAEA,YAAU,MAAM;AACd,cAAU;AACV,aAAS,KAAK;AAAA,EAGhB,GAAG,CAAC,CAAC;AAEL,QAAM,eAAe,OAAO,KAAK;AACjC,YAAU,MAAM;AA5HlB;AA6HI,cAAU;AACV,UACE,kBAAa,YAAb,mBAAuB,SAAO,+BAAQ,SACtC,kBAAa,YAAb,mBAAuB,SAAO,+BAAQ,KACtC;AACA,eAAS,KAAK;AAAA,IAChB;AACA,iBAAa,UAAU;AAAA,EACzB,GAAG,CAAC,OAAO,KAAK,GAAG,CAAC;AAEpB,QAAM,UAAU;AAAA,IACd;AAAA,IACA;AAAA,MACE,sBAAsB;AAAA,IACxB;AAAA,IACA;AAAA,EACF;AAEA,QAAM,oBAAoB;AAAA,IACxB,OAAO,YAAY,GAAG,SAAS,OAAO;AAAA,IACtC,QAAQ,YAAY,GAAG,SAAS,OAAO;AAAA,IACvC,YAAY,YAAY,GAAG,CAAC,YAAY,CAAC,OAAO;AAAA,EAClD;AACA,QAAM,eAAe,iCAChB,oBADgB;AAAA,IAEnB,MAAM,GAAG,EAAE;AAAA,EACb;AACA,QAAM,eAAe,iCAChB,oBADgB;AAAA,IAEnB,MAAM,GAAG,EAAE;AAAA,EACb;AACA,QAAM,iBAAiB;AAAA,IACrB,QAAQ,YAAY,GAAG,SAAS,OAAO;AAAA,EACzC;AACA,QAAM,WAAW,KAAK,IAAI,IAAI,EAAE;AAChC,QAAM,SAAS,KAAK,IAAI,KAAK,EAAE;AAC/B,QAAM,eAAe;AAAA,IACnB,MAAM,GAAG,QAAQ;AAAA,IACjB,OAAO,GAAG,MAAM;AAAA,EAClB;AAEA,SACE,oCAAC,QAAK,WAAW,SAAS,OAAO,aAAa,SAAS,eACrD,oCAAC,QAAK,WAAU,uBAAsB,OAAO,kBAC3C,oCAAC,QAAK,WAAU,kBAAiB,OAAO,WAAW,GACnD;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,WAAW,cAAc,UAAU;AAAA;AAAA,EAC3C,GACD;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,WAAW,cAAc,WAAW;AAAA,MAC3C,aAAa,CAAC,UAAuB,gBAAgB,MAAM,KAAK;AAAA,MAChE,YAAY,MAAM,eAAe,IAAI;AAAA;AAAA,EACtC,GACD;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,WAAW,cAAc,WAAW;AAAA,MAC3C,aAAa,CAAC,UAAuB,gBAAgB,MAAM,KAAK;AAAA,MAChE,YAAY,MAAM,eAAe,IAAI;AAAA;AAAA,EACtC,CACH,CACF;AAEJ;AAEA,QAAQ,YAAY;AAAA,EAClB,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACrE,WAAW,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,MAAM,CAAC;AAAA,EAClE,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACrE,WAAW,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACnE,YAAY,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACpE,OAAO,UAAU;AAAA,EACjB,KAAK,UAAU;AAAA,EACf,KAAK,UAAU;AAAA,EACf,UAAU,UAAU;AAAA,EACpB,WAAW,UAAU;AAAA,EACrB,UAAU,UAAU;AAAA,EACpB,eAAe,UAAU;AAC3B;AAEA,IAAO,gBAAQ;","names":[]}

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

@@ -1,9 +1,15 @@
-import { InferProps } from 'prop-types';
-import React from 'react';
+import PropTypes from 'prop-types';
 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;
+declare function AtRate({ customStyle, className, value, max, size, margin, onChange }: AtRateProps): JSX.Element;
+declare namespace AtRate {
+    var propTypes: {
+        customStyle: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+        className: PropTypes.Requireable<NonNullable<string | any[] | null | undefined>>;
+        size: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        value: PropTypes.Requireable<number>;
+        max: PropTypes.Requireable<number>;
+        margin: PropTypes.Requireable<number>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+    };
 }
+export default AtRate;

package/dist/components/rate/index.js

@@ -3,70 +3,54 @@ 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");
-      }
+function AtRate({
+  customStyle = "",
+  className = "",
+  value = 0,
+  max = 5,
+  size = 0,
+  margin = 5,
+  onChange
+}) {
+  const handleClick = (event) => {
+    onChange && onChange(event);
+  };
+  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
-        }
-      ))
-    )));
   }
+  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: handleClick.bind(null, 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]),
@@ -76,7 +60,8 @@ AtRate.propTypes = {
   margin: PropTypes.number,
   onChange: PropTypes.func
 };
+var rate_default = AtRate;
 export {
-  AtRate as default
+  rate_default as default
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +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":[]}
+{"version":3,"sources":["../../../src/components/rate/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes 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\nfunction AtRate({\n  customStyle = '',\n  className = '',\n  value = 0,\n  max = 5,\n  size = 0,\n  margin = 5,\n  onChange\n}: AtRateProps): JSX.Element {\n  const handleClick = (event: CommonEvent): void => {\n    onChange && onChange(event)\n  }\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={handleClick.bind(null, i + 1)}\n        >\n          <Text className='at-icon at-icon-star-2' style={starIconStyle}></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\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\nexport default AtRate\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAAe;AACtB,OAAO,WAAW;AAClB,SAAS,MAAM,YAAY;AAG3B,SAAS,mBAAmB;AAE5B,SAAS,OAAO;AAAA,EACd,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AAAA,EACT;AACF,GAA6B;AAC3B,QAAM,cAAc,CAAC,UAA6B;AAChD,gBAAY,SAAS,KAAK;AAAA,EAC5B;AAEA,QAAM,YAAY;AAAA,IAChB,aAAa,YAAY,MAAM;AAAA,EACjC;AACA,QAAM,gBAAgB;AAAA,IACpB,UAAU,OAAO,GAAG,IAAI,OAAO;AAAA,EACjC;AAGA,QAAM,eAAyB,CAAC;AAChC,QAAM,aAAa,KAAK,MAAM,KAAK;AACnC,QAAM,YAAY,KAAK,KAAK,KAAK;AACjC,WAAS,IAAI,GAAG,IAAI,KAAK,KAAK;AAC5B,QAAI,aAAa,GAAG;AAClB,mBAAa,KAAK,iCAAiC;AAAA,IACrD,WAAW,YAAY,MAAM,GAAG;AAC9B,mBAAa,KAAK,mCAAmC;AAAA,IACvD,OAAO;AACL,mBAAa,KAAK,kCAAkC;AAAA,IACtD;AAAA,EACF;AAEA,SACE,oCAAC,QAAK,WAAW,WAAW,WAAW,SAAS,GAAG,OAAO,eACvD,aAAa,IAAI,CAAC,KAAK,MACtB;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,KAAK,gBAAgB,CAAC;AAAA,MACtB,OAAO;AAAA,MACP,SAAS,YAAY,KAAK,MAAM,IAAI,CAAC;AAAA;AAAA,IAErC,oCAAC,QAAK,WAAU,0BAAyB,OAAO,eAAe;AAAA,IAC/D,oCAAC,QAAK,WAAU,mBACd;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO;AAAA;AAAA,IACR,CACH;AAAA,EACF,CACD,CACH;AAEJ;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;AAEA,IAAO,eAAQ;","names":[]}

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

@@ -1,16 +1,24 @@
-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;
+import PropTypes from 'prop-types';
+import { AtSearchBarProps } from '../../../types/search-bar';
+declare function AtSearchBar({ value, placeholder, maxLength, fixed, focus, disabled, showActionButton, actionName, inputType, className, customStyle, enableNative, onChange, onFocus, onBlur, onConfirm, onActionClick, onClear }: AtSearchBarProps): JSX.Element;
+declare namespace AtSearchBar {
+    var propTypes: {
+        value: PropTypes.Requireable<string>;
+        placeholder: PropTypes.Requireable<string>;
+        maxLength: PropTypes.Requireable<number>;
+        fixed: PropTypes.Requireable<boolean>;
+        focus: PropTypes.Requireable<boolean>;
+        disabled: PropTypes.Requireable<boolean>;
+        showActionButton: PropTypes.Requireable<boolean>;
+        actionName: PropTypes.Requireable<string>;
+        inputType: PropTypes.Requireable<string>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
+        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+        onConfirm: PropTypes.Requireable<(...args: any[]) => any>;
+        onActionClick: PropTypes.Requireable<(...args: any[]) => any>;
+        onClear: PropTypes.Requireable<(...args: any[]) => any>;
+        enableNative: PropTypes.Requireable<boolean>;
+    };
 }
+export default AtSearchBar;

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

@@ -1,157 +1,130 @@
 import classNames from "classnames";
 import PropTypes from "prop-types";
-import React from "react";
+import React, { useEffect, useState } 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 });
+import { useComponentLocale } from "../../hooks/useComponentLocale";
+function AtSearchBar({
+  value = "",
+  placeholder,
+  maxLength = 140,
+  fixed = false,
+  focus = false,
+  disabled = false,
+  showActionButton = false,
+  actionName,
+  inputType = "text",
+  className,
+  customStyle,
+  enableNative = true,
+  onChange,
+  onFocus,
+  onBlur,
+  onConfirm,
+  onActionClick,
+  onClear
+}) {
+  const locale = useComponentLocale("SearchBar");
+  const resolvedPlaceholder = placeholder != null ? placeholder : locale.placeholder;
+  const resolvedActionName = actionName != null ? actionName : locale.actionName;
+  const [isFocus, setIsFocus] = useState(!!focus);
+  useEffect(() => {
+    setIsFocus(!!focus);
+  }, [focus]);
+  const handleFocus = (event) => {
+    setIsFocus(true);
+    onFocus && onFocus(event);
+  };
+  const handleBlur = (event) => {
+    setIsFocus(false);
+    onBlur && onBlur(event);
+  };
+  const handleChange = (e) => {
+    onChange && onChange(e.detail.value, e);
+  };
+  const handleClear = (event) => {
+    if (onClear) {
+      onClear(event);
+    } else {
+      onChange && onChange("", event);
     }
+  };
+  const handleConfirm = (event) => {
+    onConfirm && onConfirm(event);
+  };
+  const handleActionClick = (event) => {
+    onActionClick && onActionClick(event);
+  };
+  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 = `-${(resolvedActionName.length + 1) * fontSize + fontSize / 2 + 10}px`;
+  }
+  if (showActionButton) {
+    actionStyle.opacity = 1;
+    actionStyle.marginRight = `0`;
   }
-  render() {
-    const {
+  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 ? "" : resolvedPlaceholder)
+  ), /* @__PURE__ */ React.createElement(
+    Input,
+    {
+      className: "at-search-bar__input",
+      type: inputType,
+      confirmType: "search",
       value,
-      placeholder,
-      maxLength,
-      fixed,
+      focus: isFocus,
       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`;
+      maxlength: maxLength,
+      enableNative,
+      onInput: handleChange,
+      onFocus: handleFocus,
+      onBlur: handleBlur,
+      onConfirm: handleConfirm
     }
-    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
-    ));
-  }
+  ), /* @__PURE__ */ React.createElement(
+    View,
+    {
+      className: "at-search-bar__clear",
+      style: clearIconStyle,
+      onTouchStart: handleClear
+    },
+    /* @__PURE__ */ React.createElement(Text, { className: "at-icon at-icon-close-circle" })
+  )), /* @__PURE__ */ React.createElement(
+    View,
+    {
+      className: "at-search-bar__action",
+      style: actionStyle,
+      onClick: handleActionClick
+    },
+    resolvedActionName
+  ));
 }
-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,
@@ -170,7 +143,8 @@ AtSearchBar.propTypes = {
   onClear: PropTypes.func,
   enableNative: PropTypes.bool
 };
+var search_bar_default = AtSearchBar;
 export {
-  AtSearchBar as default
+  search_bar_default as default
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +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":"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","names":[]}
+{"version":3,"sources":["../../../src/components/search-bar/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React, { useEffect, useState } from 'react'\nimport { Input, Text, View } from '@tarojs/components'\nimport { CommonEvent } from '@tarojs/components/types/common'\nimport { useComponentLocale } from '../../hooks/useComponentLocale'\nimport { AtSearchBarProps } from '../../../types/search-bar'\n\ntype ExtendEvent = {\n  target: {\n    value: string\n  }\n}\n\nfunction AtSearchBar({\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  className,\n  customStyle,\n  enableNative = true,\n  onChange,\n  onFocus,\n  onBlur,\n  onConfirm,\n  onActionClick,\n  onClear\n}: AtSearchBarProps): JSX.Element {\n  const locale = useComponentLocale('SearchBar')\n  const resolvedPlaceholder = placeholder ?? locale.placeholder\n  const resolvedActionName = actionName ?? locale.actionName\n  const [isFocus, setIsFocus] = useState(!!focus)\n\n  useEffect(() => {\n    setIsFocus(!!focus)\n  }, [focus])\n\n  const handleFocus = (event: CommonEvent): void => {\n    setIsFocus(true)\n    onFocus && onFocus(event)\n  }\n\n  const handleBlur = (event: CommonEvent): void => {\n    setIsFocus(false)\n    onBlur && onBlur(event)\n  }\n\n  const handleChange = (e: CommonEvent & ExtendEvent): void => {\n    onChange && onChange(e.detail.value, e)\n  }\n\n  const handleClear = (event: CommonEvent): void => {\n    if (onClear) {\n      onClear(event)\n    } else {\n      onChange && onChange('', event)\n    }\n  }\n\n  const handleConfirm = (event: CommonEvent): void => {\n    onConfirm && onConfirm(event)\n  }\n\n  const handleActionClick = (event: CommonEvent): void => {\n    onActionClick && onActionClick(event)\n  }\n\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      (resolvedActionName.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 className='at-search-bar__placeholder' style={placeholderStyle}>\n            {isFocus ? '' : resolvedPlaceholder}\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={handleChange}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          onConfirm={handleConfirm}\n        />\n        <View\n          className='at-search-bar__clear'\n          style={clearIconStyle}\n          onTouchStart={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={handleActionClick}\n      >\n        {resolvedActionName}\n      </View>\n    </View>\n  )\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\nexport default AtSearchBar\n"],"mappings":"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","names":[]}

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

@@ -1,9 +1,16 @@
-import { InferProps } from 'prop-types';
-import React from 'react';
+import PropTypes from 'prop-types';
 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;
+declare function AtSegmentedControl({ customStyle, className, disabled, values, selectedColor, current, color, fontSize, onClick }: AtSegmentedControlProps): JSX.Element;
+declare namespace AtSegmentedControl {
+    var propTypes: {
+        customStyle: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+        className: PropTypes.Requireable<NonNullable<string | any[] | null | undefined>>;
+        current: PropTypes.Requireable<number>;
+        color: PropTypes.Requireable<string>;
+        fontSize: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        disabled: PropTypes.Requireable<boolean>;
+        values: PropTypes.Requireable<any[]>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    };
 }
+export default AtSegmentedControl;