taro-ui 3.3.2 → 3.4.0

package/dist/components/radio/index.js

@@ -0,0 +1,50 @@
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import React from "react";
+import { Text, View } from "@tarojs/components";
+import { noop } from "../../common/utils";
+function AtRadio({
+  customStyle = "",
+  className = "",
+  value = "",
+  options = [],
+  onClick = noop
+}) {
+  const handleClick = (option, event) => {
+    if (option.disabled) return;
+    onClick(option.value, event);
+  };
+  return /* @__PURE__ */ React.createElement(View, { className: classNames("at-radio", className), style: customStyle }, options.map((option) => /* @__PURE__ */ React.createElement(
+    View,
+    {
+      key: option.value,
+      onClick: (event) => handleClick(option, event),
+      className: classNames({
+        "at-radio__option": true,
+        "at-radio__option--disabled": option.disabled
+      })
+    },
+    /* @__PURE__ */ React.createElement(View, { className: "at-radio__option-wrap" }, /* @__PURE__ */ React.createElement(View, { className: "at-radio__option-container" }, /* @__PURE__ */ React.createElement(View, { className: "at-radio__title" }, option.label), /* @__PURE__ */ React.createElement(
+      View,
+      {
+        className: classNames({
+          "at-radio__icon": true,
+          "at-radio__icon--checked": value === option.value
+        })
+      },
+      /* @__PURE__ */ React.createElement(Text, { className: "at-icon at-icon-check" })
+    )), option.desc && /* @__PURE__ */ React.createElement(View, { className: "at-radio__desc" }, option.desc))
+  )));
+}
+AtRadio.propTypes = {
+  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
+  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
+  value: PropTypes.string,
+  options: PropTypes.array,
+  onClick: PropTypes.func
+};
+var radio_default = AtRadio;
+export {
+  radio_default as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/radio/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 { AtRadioProps, RadioOption } from '../../../types/radio'\nimport { noop } from '../../common/utils'\n\nfunction AtRadio({\n  customStyle = '',\n  className = '',\n  value = '',\n  options = [],\n  onClick = noop\n}: AtRadioProps<any>): JSX.Element {\n  const handleClick = (option: RadioOption<any>, event: CommonEvent): void => {\n    if (option.disabled) return\n    onClick(option.value, event)\n  }\n\n  return (\n    <View className={classNames('at-radio', className)} style={customStyle}>\n      {options.map(option => (\n        <View\n          key={option.value}\n          onClick={event => handleClick(option, event)}\n          className={classNames({\n            'at-radio__option': true,\n            'at-radio__option--disabled': option.disabled\n          })}\n        >\n          <View className='at-radio__option-wrap'>\n            <View className='at-radio__option-container'>\n              <View className='at-radio__title'>{option.label}</View>\n              <View\n                className={classNames({\n                  'at-radio__icon': true,\n                  'at-radio__icon--checked': value === option.value\n                })}\n              >\n                <Text className='at-icon at-icon-check'></Text>\n              </View>\n            </View>\n            {option.desc && (\n              <View className='at-radio__desc'>{option.desc}</View>\n            )}\n          </View>\n        </View>\n      ))}\n    </View>\n  )\n}\n\nAtRadio.propTypes = {\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\n  value: PropTypes.string,\n  options: PropTypes.array,\n  onClick: PropTypes.func\n}\n\nexport default AtRadio\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAAe;AACtB,OAAO,WAAW;AAClB,SAAS,MAAM,YAAY;AAG3B,SAAS,YAAY;AAErB,SAAS,QAAQ;AAAA,EACf,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,UAAU,CAAC;AAAA,EACX,UAAU;AACZ,GAAmC;AACjC,QAAM,cAAc,CAAC,QAA0B,UAA6B;AAC1E,QAAI,OAAO,SAAU;AACrB,YAAQ,OAAO,OAAO,KAAK;AAAA,EAC7B;AAEA,SACE,oCAAC,QAAK,WAAW,WAAW,YAAY,SAAS,GAAG,OAAO,eACxD,QAAQ,IAAI,YACX;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,OAAO;AAAA,MACZ,SAAS,WAAS,YAAY,QAAQ,KAAK;AAAA,MAC3C,WAAW,WAAW;AAAA,QACpB,oBAAoB;AAAA,QACpB,8BAA8B,OAAO;AAAA,MACvC,CAAC;AAAA;AAAA,IAED,oCAAC,QAAK,WAAU,2BACd,oCAAC,QAAK,WAAU,gCACd,oCAAC,QAAK,WAAU,qBAAmB,OAAO,KAAM,GAChD;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,WAAW;AAAA,UACpB,kBAAkB;AAAA,UAClB,2BAA2B,UAAU,OAAO;AAAA,QAC9C,CAAC;AAAA;AAAA,MAED,oCAAC,QAAK,WAAU,yBAAwB;AAAA,IAC1C,CACF,GACC,OAAO,QACN,oCAAC,QAAK,WAAU,oBAAkB,OAAO,IAAK,CAElD;AAAA,EACF,CACD,CACH;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,OAAO,UAAU;AAAA,EACjB,SAAS,UAAU;AAAA,EACnB,SAAS,UAAU;AACrB;AAEA,IAAO,gBAAQ;","names":[]}

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

@@ -0,0 +1,20 @@
+import PropTypes from 'prop-types';
+import { AtRangeProps } from '../../../types/range';
+declare function AtRange({ customStyle, className, sliderStyle, railStyle, trackStyle, value, min, max, disabled, blockSize, onChange, onAfterChange }: AtRangeProps): JSX.Element;
+declare namespace AtRange {
+    var propTypes: {
+        customStyle: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+        className: PropTypes.Requireable<NonNullable<string | any[] | null | undefined>>;
+        sliderStyle: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+        railStyle: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+        trackStyle: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+        value: PropTypes.Requireable<any[]>;
+        min: PropTypes.Requireable<number>;
+        max: PropTypes.Requireable<number>;
+        disabled: PropTypes.Requireable<boolean>;
+        blockSize: PropTypes.Requireable<number>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        onAfterChange: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+}
+export default AtRange;

package/dist/components/range/index.js

@@ -0,0 +1,200 @@
+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, { useEffect, useRef, useState } from "react";
+import { View } from "@tarojs/components";
+import {
+  delayQuerySelector,
+  getEventDetail,
+  mergeStyle
+} from "../../common/utils";
+function AtRange({
+  customStyle = "",
+  className = "",
+  sliderStyle = {},
+  railStyle = {},
+  trackStyle = {},
+  value = [0, 0],
+  min = 0,
+  max = 100,
+  disabled = false,
+  blockSize = 0,
+  onChange,
+  onAfterChange
+}) {
+  const widthRef = useRef(0);
+  const leftRef = useRef(0);
+  const deltaValueRef = useRef(max - min);
+  const currentSliderRef = useRef("");
+  const [{ aX, bX }, setAxis] = useState({ aX: 0, bX: 0 });
+  const stateRef = useRef({ aX: 0, bX: 0 });
+  stateRef.current = { aX, bX };
+  deltaValueRef.current = max - min;
+  const triggerEvent = (funcName) => {
+    const { aX: stateAX, bX: stateBX } = stateRef.current;
+    const a = Math.round(stateAX / 100 * deltaValueRef.current) + min;
+    const b = Math.round(stateBX / 100 * deltaValueRef.current) + min;
+    const result = [a, b].sort((x, y) => x - y);
+    if (funcName === "onChange") {
+      onChange && onChange(result);
+    } else if (funcName === "onAfterChange") {
+      onAfterChange && onAfterChange(result);
+    }
+  };
+  const setValue = (nextValue) => {
+    const aXVal = Math.round(
+      (nextValue[0] - min) / deltaValueRef.current * 100
+    );
+    const bXVal = Math.round(
+      (nextValue[1] - min) / deltaValueRef.current * 100
+    );
+    setAxis({ aX: aXVal, bX: bXVal });
+  };
+  const setSliderValue = (sliderName, targetValue, funcName) => {
+    const distance = Math.min(Math.max(targetValue, 0), widthRef.current);
+    const sliderValue = Math.floor(distance / widthRef.current * 100);
+    if (funcName) {
+      setAxis((prev) => {
+        const next = __spreadProps(__spreadValues({}, prev), { [sliderName]: sliderValue });
+        stateRef.current = next;
+        const a = Math.round(next.aX / 100 * deltaValueRef.current) + min;
+        const b = Math.round(next.bX / 100 * deltaValueRef.current) + min;
+        const result = [a, b].sort((x, y) => x - y);
+        if (funcName === "onChange") {
+          onChange && onChange(result);
+        } else if (funcName === "onAfterChange") {
+          onAfterChange && onAfterChange(result);
+        }
+        return next;
+      });
+    } else {
+      setAxis((prev) => __spreadProps(__spreadValues({}, prev), { [sliderName]: sliderValue }));
+    }
+  };
+  const updatePos = () => {
+    delayQuerySelector(".at-range__container", 0).then((rect) => {
+      var _a, _b;
+      widthRef.current = Math.round((_a = rect[0]) == null ? void 0 : _a.width);
+      leftRef.current = Math.round((_b = rect[0]) == null ? void 0 : _b.left);
+    });
+  };
+  const handleClick = (event) => {
+    if (currentSliderRef.current && !disabled) {
+      let sliderValue = 0;
+      const detail = getEventDetail(event);
+      sliderValue = detail.x - leftRef.current;
+      setSliderValue(currentSliderRef.current, sliderValue, "onChange");
+    }
+  };
+  const handleTouchMove = (sliderName, event) => {
+    if (disabled) return;
+    event.stopPropagation();
+    const clientX = event.touches[0].clientX;
+    setSliderValue(sliderName, clientX - leftRef.current, "onChange");
+  };
+  const handleTouchEnd = (sliderName) => {
+    if (disabled) return;
+    currentSliderRef.current = sliderName;
+    triggerEvent("onAfterChange");
+  };
+  useEffect(() => {
+    updatePos();
+    setValue(value);
+  }, []);
+  const prevValueRef = useRef(value);
+  useEffect(() => {
+    var _a, _b;
+    updatePos();
+    if (((_a = prevValueRef.current) == null ? void 0 : _a[0]) !== (value == null ? void 0 : value[0]) || ((_b = prevValueRef.current) == null ? void 0 : _b[1]) !== (value == null ? void 0 : value[1])) {
+      setValue(value);
+    }
+    prevValueRef.current = value;
+  }, [value, min, max]);
+  const rootCls = classNames(
+    "at-range",
+    {
+      "at-range--disabled": disabled
+    },
+    className
+  );
+  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: 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: (event) => handleTouchMove("aX", event),
+      onTouchEnd: () => handleTouchEnd("aX")
+    }
+  ), /* @__PURE__ */ React.createElement(
+    View,
+    {
+      className: "at-range__slider",
+      style: mergeStyle(sliderBStyle, sliderStyle),
+      onTouchMove: (event) => handleTouchMove("bX", event),
+      onTouchEnd: () => handleTouchEnd("bX")
+    }
+  )));
+}
+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
+};
+var range_default = AtRange;
+export {
+  range_default 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 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":"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","names":[]}

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

@@ -0,0 +1,15 @@
+import PropTypes from 'prop-types';
+import { AtRateProps } from '../../../types/rate';
+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

@@ -0,0 +1,67 @@
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import React from "react";
+import { Text, View } from "@tarojs/components";
+import { pxTransform } from "../../common/utils";
+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: 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.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
+};
+var rate_default = AtRate;
+export {
+  rate_default 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 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

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

@@ -0,0 +1,150 @@
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import React, { useEffect, useState } from "react";
+import { Input, Text, View } from "@tarojs/components";
+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`;
+  }
+  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,
+      focus: isFocus,
+      disabled,
+      maxlength: maxLength,
+      enableNative,
+      onInput: handleChange,
+      onFocus: handleFocus,
+      onBlur: handleBlur,
+      onConfirm: handleConfirm
+    }
+  ), /* @__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.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
+};
+var search_bar_default = AtSearchBar;
+export {
+  search_bar_default 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 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

@@ -0,0 +1,16 @@
+import PropTypes from 'prop-types';
+import { AtSegmentedControlProps } from '../../../types/segmented-control';
+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;