taro-ui 3.3.1 → 3.3.2

package/lib/components/range/index.js

@@ -1,152 +1,207 @@
-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';
-export default 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;
-        // range 宽度
-        this.width = 0;
-        // range 到屏幕左边的距离
-        this.left = 0;
-        this.deltaValue = max - min;
-        this.currentSlider = '';
-        this.state = {
-            aX: 0,
-            bX: 0
-        };
+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]);
     }
-    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); // fix issue #670
-        const bX = Math.round(((value[1] - min) / this.deltaValue) * 100); // fix issue #670
-        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; // fix issue #670
-        const b = Math.round((bX / 100) * this.deltaValue) + min; // fix issue #670
-        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 || _a === void 0 ? void 0 : _a.width);
-            this.left = Math.round((_b = rect[0]) === null || _b === void 0 ? void 0 : _b.left);
-        });
-    }
-    UNSAFE_componentWillReceiveProps(nextProps) {
-        var _a, _b;
-        const { value = [] } = nextProps;
-        this.updatePos();
-        if (((_a = this.props.value) === null || _a === void 0 ? void 0 : _a[0]) !== (value === null || value === void 0 ? void 0 : value[0]) ||
-            ((_b = this.props.value) === null || _b === void 0 ? void 0 : _b[1]) !== (value === null || value === void 0 ? void 0 : value[1])) {
-            this.setValue(value);
-        }
+  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
+      });
     }
-    componentDidMount() {
-        const { value = [] } = this.props;
-        this.updatePos();
-        this.setValue(value);
+  }
+  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);
     }
-    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 = Object.assign(Object.assign({}, sliderCommonStyle), { left: `${aX}%` });
-        const sliderBStyle = Object.assign(Object.assign({}, 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 (React.createElement(View, { className: rootCls, style: customStyle, onClick: this.handleClick },
-            React.createElement(View, { className: 'at-range__container', style: containerStyle },
-                React.createElement(View, { className: 'at-range__rail', style: railStyle }),
-                React.createElement(View, { className: 'at-range__track', style: mergeStyle(atTrackStyle, trackStyle) }),
-                React.createElement(View, { className: 'at-range__slider', style: mergeStyle(sliderAStyle, sliderStyle), onTouchMove: this.handleTouchMove.bind(this, 'aX'), onTouchEnd: this.handleTouchEnd.bind(this, 'aX') }),
-                React.createElement(View, { className: 'at-range__slider', style: mergeStyle(sliderBStyle, sliderStyle), onTouchMove: this.handleTouchMove.bind(this, 'bX'), onTouchEnd: this.handleTouchEnd.bind(this, 'bX') }))));
+  }
+  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
+  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
+  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/lib/components/range/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/range/index.tsx"],"names":[],"mappings":"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"}
+{"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/lib/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/lib/components/rate/index.js

@@ -1,56 +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';
-export default class AtRate extends React.Component {
-    handleClick(event) {
-        this.props.onChange && this.props.onChange(event);
+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");
+      }
     }
-    render() {
-        const { customStyle, className, value = 0, max = 5, size, margin = 5 } = this.props;
-        const iconStyle = {
-            marginRight: pxTransform(margin)
-        };
-        const starIconStyle = {
-            fontSize: size ? `${size}px` : ''
-        };
-        // 生成星星颜色 className 数组，方便在jsx中直接map
-        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
         }
-        return (React.createElement(View, { className: classNames('at-rate', className), style: customStyle }, classNameArr.map((cls, i) => (React.createElement(View, { className: cls, key: `at-rate-star-${i}`, style: iconStyle, onClick: this.handleClick.bind(this, i + 1) },
-            React.createElement(Text, { className: 'at-icon at-icon-star-2', style: starIconStyle }),
-            React.createElement(View, { className: 'at-rate__left' },
-                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
+  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
+  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/lib/components/rate/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/rate/index.tsx"],"names":[],"mappings":"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"}
+{"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/lib/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;
+}