taro-ui 3.3.2 → 3.4.0

package/dist/components/input/index.js

@@ -0,0 +1,223 @@
+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, { useRef } from "react";
+import { Input, Label, Text, View } from "@tarojs/components";
+import { noop } from "../../common/utils";
+function getInputProps(props) {
+  const actualProps = {
+    type: props.type,
+    maxLength: props.maxLength || props.maxlength,
+    disabled: props.disabled,
+    password: false
+  };
+  switch (actualProps.type) {
+    case "phone":
+      actualProps.type = "number";
+      actualProps.maxLength = 11;
+      break;
+    case "password":
+      actualProps.type = "text";
+      actualProps.password = true;
+      break;
+    default:
+      break;
+  }
+  if (!props.disabled && !props.editable) {
+    actualProps.disabled = true;
+  }
+  return actualProps;
+}
+function AtInput(props) {
+  var _a, _b, _c, _d, _e;
+  const {
+    className = "",
+    customStyle = "",
+    value = "",
+    name = "",
+    placeholder = "",
+    placeholderStyle = "",
+    placeholderClass = "",
+    title = "",
+    cursorSpacing = 50,
+    confirmType = "done",
+    selectionStart = -1,
+    selectionEnd = -1,
+    adjustPosition = true,
+    editable = true,
+    border = true,
+    error = false,
+    clear = false,
+    autoFocus = false,
+    focus = false,
+    required = false,
+    cursor,
+    onChange = noop,
+    onFocus,
+    onBlur,
+    onConfirm,
+    onErrorClick,
+    onClick,
+    onKeyboardHeightChange,
+    children
+  } = props;
+  const inputClearing = useRef(false);
+  const handleInput = (event) => onChange == null ? void 0 : onChange(event.detail.value, event);
+  const handleFocus = (event) => {
+    if (typeof onFocus === "function") {
+      onFocus(event.detail.value, event);
+    }
+  };
+  const handleBlur = (event) => {
+    if (typeof onBlur === "function") {
+      onBlur(event.detail.value, event);
+    }
+    if (event.type === "blur" && !inputClearing.current) {
+      onChange == null ? void 0 : onChange(event.detail.value, event);
+    }
+    inputClearing.current = false;
+  };
+  const handleConfirm = (event) => {
+    if (typeof onConfirm === "function") {
+      onConfirm(event.detail.value, event);
+    }
+  };
+  const handleClick = (event) => {
+    if (!editable && typeof onClick === "function") {
+      onClick(event);
+    }
+  };
+  const handleClearValue = (event) => {
+    inputClearing.current = true;
+    onChange == null ? void 0 : onChange("", event);
+  };
+  const handleKeyboardHeightChange = (event) => {
+    if (typeof onKeyboardHeightChange === "function") {
+      onKeyboardHeightChange(event);
+    }
+  };
+  const handleErrorClick = (event) => {
+    if (typeof onErrorClick === "function") {
+      onErrorClick(event);
+    }
+  };
+  const {
+    type: inputType,
+    maxLength: inputMaxLength,
+    disabled: inputDisabled,
+    password
+  } = getInputProps(__spreadProps(__spreadValues({}, props), {
+    type: (_a = props.type) != null ? _a : "text",
+    maxlength: (_b = props.maxlength) != null ? _b : 140,
+    maxLength: (_c = props.maxLength) != null ? _c : 140,
+    disabled: (_d = props.disabled) != null ? _d : false,
+    editable: (_e = props.editable) != null ? _e : true
+  }));
+  const rootCls = classNames(
+    "at-input",
+    {
+      "at-input--without-border": !border
+    },
+    className
+  );
+  const containerCls = classNames("at-input__container", {
+    "at-input--error": error,
+    "at-input--disabled": inputDisabled
+  });
+  const overlayCls = classNames("at-input__overlay", {
+    "at-input__overlay--hidden": !inputDisabled
+  });
+  const placeholderCls = classNames("placeholder", placeholderClass);
+  return /* @__PURE__ */ React.createElement(View, { className: rootCls, style: customStyle }, /* @__PURE__ */ React.createElement(View, { className: containerCls }, /* @__PURE__ */ React.createElement(View, { className: overlayCls, onClick: handleClick }), title && /* @__PURE__ */ React.createElement(
+    Label,
+    {
+      className: `at-input__title ${required && "at-input__title--required"}`,
+      for: name
+    },
+    title
+  ), /* @__PURE__ */ React.createElement(
+    Input,
+    {
+      className: "at-input__input",
+      id: name,
+      name,
+      type: inputType,
+      disabled: inputDisabled,
+      password,
+      placeholderStyle,
+      placeholderClass: placeholderCls,
+      placeholder,
+      cursorSpacing,
+      maxlength: inputMaxLength,
+      autoFocus,
+      focus,
+      value,
+      confirmType,
+      cursor,
+      selectionStart,
+      selectionEnd,
+      adjustPosition,
+      onInput: handleInput,
+      onFocus: handleFocus,
+      onBlur: handleBlur,
+      onConfirm: handleConfirm,
+      onKeyboardHeightChange: handleKeyboardHeightChange
+    }
+  ), clear && value && /* @__PURE__ */ React.createElement(View, { className: "at-input__icon", onTouchEnd: handleClearValue }, /* @__PURE__ */ React.createElement(Text, { className: "at-icon at-icon-close-circle at-input__icon-close" })), error && /* @__PURE__ */ React.createElement(View, { className: "at-input__icon", onTouchStart: handleErrorClick }, /* @__PURE__ */ React.createElement(Text, { className: "at-icon at-icon-alert-circle at-input__icon-alert" })), /* @__PURE__ */ React.createElement(View, { className: "at-input__children" }, children)));
+}
+AtInput.propTypes = {
+  className: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
+  customStyle: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  name: PropTypes.string,
+  placeholder: PropTypes.string,
+  placeholderStyle: PropTypes.string,
+  placeholderClass: PropTypes.string,
+  title: PropTypes.string,
+  confirmType: PropTypes.string,
+  cursor: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  selectionStart: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  selectionEnd: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  adjustPosition: PropTypes.bool,
+  cursorSpacing: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  maxlength: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  maxLength: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  type: PropTypes.string,
+  disabled: PropTypes.bool,
+  border: PropTypes.bool,
+  editable: PropTypes.bool,
+  error: PropTypes.bool,
+  clear: PropTypes.bool,
+  autoFocus: PropTypes.bool,
+  focus: PropTypes.bool,
+  onChange: PropTypes.func,
+  onFocus: PropTypes.func,
+  onBlur: PropTypes.func,
+  onConfirm: PropTypes.func,
+  onErrorClick: PropTypes.func,
+  onClick: PropTypes.func,
+  required: PropTypes.bool
+};
+var input_default = AtInput;
+export {
+  input_default as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/input/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React, { useRef } from 'react'\nimport { Input, Label, Text, View } from '@tarojs/components'\nimport { BaseEventOrig, ITouchEvent } from '@tarojs/components/types/common'\nimport { InputProps } from '@tarojs/components/types/Input'\nimport {\n  AtInputProps,\n  BlurEventDetail,\n  ConfirmEventDetail,\n  FocusEventDetail,\n  InputEventDetail,\n  KeyboardHeightEventDetail\n} from '../../../types/input'\nimport { noop } from '../../common/utils'\n\ntype PickAtInputProps = Pick<\n  AtInputProps,\n  'maxLength' | 'maxlength' | 'disabled' | 'password'\n>\ntype GetInputPropsReturn = PickAtInputProps & Pick<InputProps, 'type'>\n\nfunction getInputProps(props: AtInputProps): GetInputPropsReturn {\n  const actualProps = {\n    type: props.type,\n    maxLength: props.maxLength || props.maxlength,\n    disabled: props.disabled,\n    password: false\n  }\n\n  switch (actualProps.type) {\n    case 'phone':\n      actualProps.type = 'number'\n      actualProps.maxLength = 11\n      break\n    case 'password':\n      actualProps.type = 'text'\n      actualProps.password = true\n      break\n    default:\n      break\n  }\n  if (!props.disabled && !props.editable) {\n    actualProps.disabled = true\n  }\n  return actualProps as GetInputPropsReturn\n}\n\nfunction AtInput(props: AtInputProps): JSX.Element {\n  const {\n    className = '',\n    customStyle = '',\n    value = '',\n    name = '',\n    placeholder = '',\n    placeholderStyle = '',\n    placeholderClass = '',\n    title = '',\n    cursorSpacing = 50,\n    confirmType = 'done',\n    selectionStart = -1,\n    selectionEnd = -1,\n    adjustPosition = true,\n    editable = true,\n    border = true,\n    error = false,\n    clear = false,\n    autoFocus = false,\n    focus = false,\n    required = false,\n    cursor,\n    onChange = noop,\n    onFocus,\n    onBlur,\n    onConfirm,\n    onErrorClick,\n    onClick,\n    onKeyboardHeightChange,\n    children\n  } = props\n  // TODO: 有待考证是否为合理方式处理 #840\n  const inputClearing = useRef(false)\n\n  const handleInput = (event: BaseEventOrig<InputEventDetail>): void =>\n    onChange?.(event.detail.value, event)\n\n  const handleFocus = (event: BaseEventOrig<FocusEventDetail>): void => {\n    if (typeof onFocus === 'function') {\n      onFocus(event.detail.value, event)\n    }\n  }\n\n  const handleBlur = (event: BaseEventOrig<BlurEventDetail>): void => {\n    if (typeof onBlur === 'function') {\n      onBlur(event.detail.value, event)\n    }\n    if (event.type === 'blur' && !inputClearing.current) {\n      // fix # 583 AtInput 不触发 onChange 的问题\n      onChange?.(event.detail.value, event as BaseEventOrig<InputEventDetail>)\n    }\n    // 还原状态\n    inputClearing.current = false\n  }\n\n  const handleConfirm = (event: BaseEventOrig<ConfirmEventDetail>): void => {\n    if (typeof onConfirm === 'function') {\n      onConfirm(event.detail.value, event)\n    }\n  }\n\n  const handleClick = (event: ITouchEvent): void => {\n    if (!editable && typeof onClick === 'function') {\n      onClick(event)\n    }\n  }\n\n  const handleClearValue = (event: ITouchEvent): void => {\n    inputClearing.current = true\n    onChange?.('', event)\n  }\n\n  const handleKeyboardHeightChange = (\n    event: BaseEventOrig<KeyboardHeightEventDetail>\n  ): void => {\n    if (typeof onKeyboardHeightChange === 'function') {\n      onKeyboardHeightChange(event)\n    }\n  }\n\n  const handleErrorClick = (event: ITouchEvent): void => {\n    if (typeof onErrorClick === 'function') {\n      onErrorClick(event)\n    }\n  }\n\n  const {\n    type: inputType,\n    maxLength: inputMaxLength,\n    disabled: inputDisabled,\n    password\n  } = getInputProps({\n    ...props,\n    type: props.type ?? 'text',\n    maxlength: props.maxlength ?? 140,\n    maxLength: props.maxLength ?? 140,\n    disabled: props.disabled ?? false,\n    editable: props.editable ?? true\n  })\n\n  const rootCls = classNames(\n    'at-input',\n    {\n      'at-input--without-border': !border\n    },\n    className\n  )\n  const containerCls = classNames('at-input__container', {\n    'at-input--error': error,\n    'at-input--disabled': inputDisabled\n  })\n  // TODO: overlayCls 是否需要移除\n  const overlayCls = classNames('at-input__overlay', {\n    'at-input__overlay--hidden': !inputDisabled\n  })\n  const placeholderCls = classNames('placeholder', placeholderClass)\n\n  return (\n    <View className={rootCls} style={customStyle}>\n      <View className={containerCls}>\n        <View className={overlayCls} onClick={handleClick}></View>\n        {title && (\n          <Label\n            className={`at-input__title ${\n              required && 'at-input__title--required'\n            }`}\n            for={name}\n          >\n            {title}\n          </Label>\n        )}\n        <Input\n          className='at-input__input'\n          id={name}\n          name={name}\n          type={inputType}\n          disabled={inputDisabled}\n          password={password}\n          placeholderStyle={placeholderStyle}\n          placeholderClass={placeholderCls}\n          placeholder={placeholder}\n          cursorSpacing={cursorSpacing}\n          maxlength={inputMaxLength}\n          autoFocus={autoFocus}\n          // TODO: 临时解决方案，等 Taro 更新后还原到 focus={focus}\n          focus={focus}\n          value={value}\n          confirmType={confirmType}\n          cursor={cursor}\n          selectionStart={selectionStart}\n          selectionEnd={selectionEnd}\n          adjustPosition={adjustPosition}\n          onInput={handleInput}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          onConfirm={handleConfirm}\n          onKeyboardHeightChange={handleKeyboardHeightChange}\n        />\n        {clear && value && (\n          <View className='at-input__icon' onTouchEnd={handleClearValue}>\n            <Text className='at-icon at-icon-close-circle at-input__icon-close'></Text>\n          </View>\n        )}\n        {error && (\n          <View className='at-input__icon' onTouchStart={handleErrorClick}>\n            <Text className='at-icon at-icon-alert-circle at-input__icon-alert'></Text>\n          </View>\n        )}\n        <View className='at-input__children'>{children}</View>\n      </View>\n    </View>\n  )\n}\n\nAtInput.propTypes = {\n  className: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),\n  customStyle: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  name: PropTypes.string,\n  placeholder: PropTypes.string,\n  placeholderStyle: PropTypes.string,\n  placeholderClass: PropTypes.string,\n  title: PropTypes.string,\n  confirmType: PropTypes.string,\n  cursor: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  selectionStart: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  selectionEnd: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  adjustPosition: PropTypes.bool,\n  cursorSpacing: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  maxlength: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  maxLength: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  type: PropTypes.string,\n  disabled: PropTypes.bool,\n  border: PropTypes.bool,\n  editable: PropTypes.bool,\n  error: PropTypes.bool,\n  clear: PropTypes.bool,\n  autoFocus: PropTypes.bool,\n  focus: PropTypes.bool,\n  onChange: PropTypes.func,\n  onFocus: PropTypes.func,\n  onBlur: PropTypes.func,\n  onConfirm: PropTypes.func,\n  onErrorClick: PropTypes.func,\n  onClick: PropTypes.func,\n  required: PropTypes.bool\n}\n\nexport default AtInput\n"],"mappings":"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","names":[]}

package/dist/components/input-number/index.d.ts

@@ -0,0 +1,22 @@
+import PropTypes from 'prop-types';
+import { AtInputNumberProps } from '../../../types/input-number';
+declare function AtInputNumber({ customStyle, className, disabled, disabledInput, type, width, min, max, step, size, value, onChange, onBlur, onErrorInput }: AtInputNumberProps): JSX.Element;
+declare namespace AtInputNumber {
+    var propTypes: {
+        customStyle: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+        className: PropTypes.Requireable<NonNullable<string | any[] | null | undefined>>;
+        value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        type: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        width: PropTypes.Requireable<number>;
+        min: PropTypes.Requireable<number>;
+        max: PropTypes.Requireable<number>;
+        step: PropTypes.Requireable<number>;
+        size: PropTypes.Requireable<string>;
+        disabledInput: PropTypes.Requireable<boolean>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+        onErrorInput: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+}
+export default AtInputNumber;

package/dist/components/input-number/index.js

@@ -0,0 +1,174 @@
+import classNames from "classnames";
+import _toString from "lodash/toString";
+import PropTypes from "prop-types";
+import React from "react";
+import { Input, Text, View } from "@tarojs/components";
+import { noop, pxTransform } from "../../common/utils";
+function addNum(num1, num2) {
+  let sq1, sq2;
+  try {
+    sq1 = _toString(num1).split(".")[1].length;
+  } catch (e) {
+    sq1 = 0;
+  }
+  try {
+    sq2 = _toString(num2).split(".")[1].length;
+  } catch (e) {
+    sq2 = 0;
+  }
+  const m = Math.pow(10, Math.max(sq1, sq2));
+  return (Math.round(num1 * m) + Math.round(num2 * m)) / m;
+}
+function parseValue(num) {
+  if (num === "") return "0";
+  const numStr = _toString(num);
+  if (numStr.indexOf("0") === 0 && numStr.indexOf(".") === -1) {
+    return _toString(parseFloat(num));
+  }
+  return _toString(num);
+}
+function AtInputNumber({
+  customStyle = {},
+  className = "",
+  disabled = false,
+  disabledInput = false,
+  type = "number",
+  width = 0,
+  min = 0,
+  max = 100,
+  step = 1,
+  size = "normal",
+  value,
+  onChange = noop,
+  onBlur,
+  onErrorInput
+}) {
+  const handleError = (errorValue) => {
+    if (!onErrorInput) {
+      return;
+    }
+    onErrorInput(errorValue);
+  };
+  const handleValue = (val) => {
+    let resultValue = val === "" ? min : val;
+    if (Number(resultValue) > max) {
+      resultValue = max;
+      handleError({
+        type: "OVER",
+        errorValue: resultValue
+      });
+    }
+    if (Number(resultValue) < min) {
+      resultValue = min;
+      handleError({
+        type: "LOW",
+        errorValue: resultValue
+      });
+    }
+    if (resultValue && !Number(resultValue)) {
+      resultValue = parseFloat(String(resultValue)) || min;
+      handleError({
+        type: "OVER",
+        errorValue: resultValue
+      });
+    }
+    resultValue = parseValue(String(resultValue));
+    return resultValue;
+  };
+  const handleClick = (clickType, e) => {
+    const lowThanMin = clickType === "minus" && Number(value) <= min;
+    const overThanMax = clickType === "plus" && Number(value) >= max;
+    if (lowThanMin || overThanMax || disabled) {
+      const deltaValue2 = clickType === "minus" ? -step : step;
+      const errorValue = addNum(Number(value), deltaValue2);
+      if (disabled) {
+        handleError({
+          type: "DISABLED",
+          errorValue
+        });
+      } else {
+        handleError({
+          type: lowThanMin ? "LOW" : "OVER",
+          errorValue
+        });
+      }
+      return;
+    }
+    const deltaValue = clickType === "minus" ? -step : step;
+    let newValue = addNum(Number(value), deltaValue);
+    newValue = Number(handleValue(newValue));
+    onChange(newValue, e);
+  };
+  const handleInput = (e) => {
+    const { value: inputVal } = e.target;
+    if (disabled) return "";
+    const newValue = handleValue(inputVal);
+    onChange(Number(newValue), e);
+    return newValue;
+  };
+  const handleBlur = (event) => onBlur && onBlur(event);
+  const inputStyle = {
+    width: width ? `${pxTransform(width)}` : ""
+  };
+  const inputValue = typeof value !== "undefined" ? Number(handleValue(value)) : null;
+  const rootCls = classNames(
+    "at-input-number",
+    {
+      "at-input-number--lg": size === "large"
+    },
+    className
+  );
+  const minusBtnCls = classNames("at-input-number__btn", {
+    "at-input-number--disabled": inputValue !== null && inputValue <= min || disabled
+  });
+  const plusBtnCls = classNames("at-input-number__btn", {
+    "at-input-number--disabled": inputValue !== null && inputValue >= max || disabled
+  });
+  return /* @__PURE__ */ React.createElement(View, { className: rootCls, style: customStyle }, /* @__PURE__ */ React.createElement(
+    View,
+    {
+      className: minusBtnCls,
+      onClick: (e) => handleClick("minus", e)
+    },
+    /* @__PURE__ */ React.createElement(Text, { className: "at-icon at-icon-subtract at-input-number__btn-subtract" })
+  ), /* @__PURE__ */ React.createElement(
+    Input,
+    {
+      className: "at-input-number__input",
+      style: inputStyle,
+      type,
+      value: inputValue !== null ? String(inputValue) : "",
+      disabled: disabledInput || disabled,
+      onInput: handleInput,
+      onBlur: handleBlur
+    }
+  ), /* @__PURE__ */ React.createElement(
+    View,
+    {
+      className: plusBtnCls,
+      onClick: (e) => handleClick("plus", e)
+    },
+    /* @__PURE__ */ React.createElement(Text, { className: "at-icon at-icon-add at-input-number__btn-add" })
+  ));
+}
+AtInputNumber.propTypes = {
+  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
+  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
+  value: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  type: PropTypes.oneOf(["number", "digit"]),
+  disabled: PropTypes.bool,
+  width: PropTypes.number,
+  min: PropTypes.number,
+  max: PropTypes.number,
+  step: PropTypes.number,
+  size: PropTypes.oneOf(["normal", "large"]),
+  disabledInput: PropTypes.bool,
+  onChange: PropTypes.func,
+  onBlur: PropTypes.func,
+  onErrorInput: PropTypes.func
+};
+var input_number_default = AtInputNumber;
+export {
+  input_number_default as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/input-number/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/input-number/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport _toString from 'lodash/toString'\nimport PropTypes from 'prop-types'\nimport React from 'react'\nimport { Input, Text, View } from '@tarojs/components'\nimport { CommonEvent, ITouchEvent } from '@tarojs/components/types/common'\nimport { AtInputNumberProps, InputError } from '../../../types/input-number'\nimport { noop, pxTransform } from '../../common/utils'\n\n// TODO: Check all types\n\n// 实现两数相加并保留小数点后最短尾数\nfunction addNum(num1: number, num2: number): number {\n  let sq1: number, sq2: number\n  try {\n    sq1 = _toString(num1).split('.')[1].length\n  } catch (e) {\n    sq1 = 0\n  }\n  try {\n    sq2 = _toString(num2).split('.')[1].length\n  } catch (e) {\n    sq2 = 0\n  }\n  const m = Math.pow(10, Math.max(sq1, sq2))\n  return (Math.round(num1 * m) + Math.round(num2 * m)) / m\n}\n\n// 格式化数字，处理01变成1,并且不处理1. 这种情况\nfunction parseValue(num: string): string {\n  if (num === '') return '0'\n\n  const numStr = _toString(num)\n  if (numStr.indexOf('0') === 0 && numStr.indexOf('.') === -1) {\n    // 处理01变成1,并且不处理1.\n    return _toString(parseFloat(num))\n  }\n  return _toString(num)\n}\n\ntype ExtendEvent = {\n  target: {\n    value: string | number\n  }\n}\n\nfunction AtInputNumber({\n  customStyle = {},\n  className = '',\n  disabled = false,\n  disabledInput = false,\n  type = 'number',\n  width = 0,\n  min = 0,\n  max = 100,\n  step = 1,\n  size = 'normal',\n  value,\n  onChange = noop,\n  onBlur,\n  onErrorInput\n}: AtInputNumberProps): JSX.Element {\n  const handleError = (errorValue: InputError): void => {\n    if (!onErrorInput) {\n      return\n    }\n    onErrorInput(errorValue)\n  }\n\n  const handleValue = (val: string | number): string => {\n    let resultValue = val === '' ? min : val\n    // 此处不能使用 Math.max，会是字符串变数字，并丢失 .\n    if (Number(resultValue) > max) {\n      resultValue = max\n      handleError({\n        type: 'OVER',\n        errorValue: resultValue\n      })\n    }\n    if (Number(resultValue) < min) {\n      resultValue = min\n      handleError({\n        type: 'LOW',\n        errorValue: resultValue\n      })\n    }\n    if (resultValue && !Number(resultValue)) {\n      resultValue = parseFloat(String(resultValue)) || min\n\n      handleError({\n        type: 'OVER',\n        errorValue: resultValue\n      })\n    }\n\n    resultValue = parseValue(String(resultValue))\n    return resultValue\n  }\n\n  const handleClick = (clickType: 'minus' | 'plus', e: CommonEvent): void => {\n    const lowThanMin = clickType === 'minus' && Number(value) <= min\n    const overThanMax = clickType === 'plus' && Number(value) >= max\n    if (lowThanMin || overThanMax || disabled) {\n      const deltaValue = clickType === 'minus' ? -step : step\n      const errorValue = addNum(Number(value), deltaValue)\n      if (disabled) {\n        handleError({\n          type: 'DISABLED',\n          errorValue\n        })\n      } else {\n        handleError({\n          type: lowThanMin ? 'LOW' : 'OVER',\n          errorValue\n        })\n      }\n      return\n    }\n    const deltaValue = clickType === 'minus' ? -step : step\n    let newValue = addNum(Number(value), deltaValue)\n    newValue = Number(handleValue(newValue))\n    onChange(newValue, e)\n  }\n\n  const handleInput = (e: CommonEvent & ExtendEvent): string => {\n    const { value: inputVal } = e.target\n    if (disabled) return ''\n\n    const newValue = handleValue(inputVal)\n    onChange(Number(newValue), e)\n    return newValue\n  }\n\n  const handleBlur = (event: ITouchEvent): void => onBlur && onBlur(event)\n\n  const inputStyle = {\n    width: width ? `${pxTransform(width)}` : ''\n  }\n  const inputValue =\n    typeof value !== 'undefined' ? Number(handleValue(value)) : null\n  const rootCls = classNames(\n    'at-input-number',\n    {\n      'at-input-number--lg': size === 'large'\n    },\n    className\n  )\n  const minusBtnCls = classNames('at-input-number__btn', {\n    'at-input-number--disabled':\n      (inputValue !== null && inputValue <= min) || disabled\n  })\n  const plusBtnCls = classNames('at-input-number__btn', {\n    'at-input-number--disabled':\n      (inputValue !== null && inputValue >= max) || disabled\n  })\n\n  return (\n    <View className={rootCls} style={customStyle}>\n      <View\n        className={minusBtnCls}\n        onClick={(e: CommonEvent) => handleClick('minus', e)}\n      >\n        <Text className='at-icon at-icon-subtract at-input-number__btn-subtract'></Text>\n      </View>\n      <Input\n        className='at-input-number__input'\n        style={inputStyle}\n        type={type}\n        value={inputValue !== null ? String(inputValue) : ''}\n        disabled={disabledInput || disabled}\n        onInput={handleInput}\n        onBlur={handleBlur}\n      />\n      <View\n        className={plusBtnCls}\n        onClick={(e: CommonEvent) => handleClick('plus', e)}\n      >\n        <Text className='at-icon at-icon-add at-input-number__btn-add'></Text>\n      </View>\n    </View>\n  )\n}\n\nAtInputNumber.propTypes = {\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\n  value: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  type: PropTypes.oneOf(['number', 'digit']),\n  disabled: PropTypes.bool,\n  width: PropTypes.number,\n  min: PropTypes.number,\n  max: PropTypes.number,\n  step: PropTypes.number,\n  size: PropTypes.oneOf(['normal', 'large']),\n  disabledInput: PropTypes.bool,\n  onChange: PropTypes.func,\n  onBlur: PropTypes.func,\n  onErrorInput: PropTypes.func\n}\n\nexport default AtInputNumber\n"],"mappings":"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","names":["deltaValue"]}

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

@@ -0,0 +1,9 @@
+import PropTypes from 'prop-types';
+import { AtListProps } from '../../../types/list';
+declare function AtList({ hasBorder, className, children }: AtListProps): JSX.Element;
+declare namespace AtList {
+    var propTypes: {
+        hasBorder: PropTypes.Requireable<boolean>;
+    };
+}
+export default AtList;

package/dist/components/list/index.js

@@ -0,0 +1,26 @@
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import React from "react";
+import { View } from "@tarojs/components";
+function AtList({
+  hasBorder = true,
+  className,
+  children
+}) {
+  const rootClass = classNames(
+    "at-list",
+    {
+      "at-list--no-border": !hasBorder
+    },
+    className
+  );
+  return /* @__PURE__ */ React.createElement(View, { className: rootClass }, children);
+}
+AtList.propTypes = {
+  hasBorder: PropTypes.bool
+};
+var list_default = AtList;
+export {
+  list_default as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/list/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React from 'react'\nimport { View } from '@tarojs/components'\nimport { AtListProps } from '../../../types/list'\n\nfunction AtList({\n  hasBorder = true,\n  className,\n  children\n}: AtListProps): JSX.Element {\n  const rootClass = classNames(\n    'at-list',\n    {\n      'at-list--no-border': !hasBorder\n    },\n    className\n  )\n\n  return <View className={rootClass}>{children}</View>\n}\n\nAtList.propTypes = {\n  hasBorder: PropTypes.bool\n}\n\nexport default AtList\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAAe;AACtB,OAAO,WAAW;AAClB,SAAS,YAAY;AAGrB,SAAS,OAAO;AAAA,EACd,YAAY;AAAA,EACZ;AAAA,EACA;AACF,GAA6B;AAC3B,QAAM,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,MACE,sBAAsB,CAAC;AAAA,IACzB;AAAA,IACA;AAAA,EACF;AAEA,SAAO,oCAAC,QAAK,WAAW,aAAY,QAAS;AAC/C;AAEA,OAAO,YAAY;AAAA,EACjB,WAAW,UAAU;AACvB;AAEA,IAAO,eAAQ;","names":[]}

package/dist/components/list/item/index.d.ts

@@ -0,0 +1,29 @@
+import PropTypes from 'prop-types';
+import { AtListItemProps } from '../../../../types/list';
+declare function AtListItem({ note, disabled, title, thumb, isSwitch, hasBorder, switchColor, switchIsCheck, extraText, extraThumb, iconInfo, arrow, icon, className, onClick, onSwitchChange }: AtListItemProps): JSX.Element;
+declare namespace AtListItem {
+    var propTypes: {
+        note: PropTypes.Requireable<NonNullable<string | PropTypes.ReactElementLike | null | undefined>>;
+        disabled: PropTypes.Requireable<boolean>;
+        title: PropTypes.Requireable<NonNullable<string | PropTypes.ReactElementLike | null | undefined>>;
+        thumb: PropTypes.Requireable<string>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        isSwitch: PropTypes.Requireable<boolean>;
+        hasBorder: PropTypes.Requireable<boolean>;
+        switchColor: PropTypes.Requireable<string>;
+        switchIsCheck: PropTypes.Requireable<boolean>;
+        extraText: PropTypes.Requireable<NonNullable<string | PropTypes.ReactElementLike | null | undefined>>;
+        extraThumb: PropTypes.Requireable<string>;
+        onSwitchChange: PropTypes.Requireable<(...args: any[]) => any>;
+        arrow: PropTypes.Requireable<string>;
+        iconInfo: PropTypes.Requireable<PropTypes.InferProps<{
+            size: PropTypes.Requireable<number>;
+            value: PropTypes.Requireable<string>;
+            color: PropTypes.Requireable<string>;
+            prefixClass: PropTypes.Requireable<string>;
+            customStyle: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+            className: PropTypes.Requireable<NonNullable<string | any[] | null | undefined>>;
+        }>>;
+    };
+}
+export default AtListItem;

package/dist/components/list/item/index.js

@@ -0,0 +1,124 @@
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import React from "react";
+import { Image, Switch, Text, View } from "@tarojs/components";
+import { mergeStyle } from "../../../common/utils";
+function AtListItem({
+  note = "",
+  disabled = false,
+  title = "",
+  thumb = "",
+  isSwitch = false,
+  hasBorder = true,
+  switchColor = "#6190E8",
+  switchIsCheck = false,
+  extraText = "",
+  extraThumb = "",
+  iconInfo = { value: "" },
+  arrow,
+  icon,
+  className,
+  onClick,
+  onSwitchChange
+}) {
+  const handleClick = (event) => {
+    if (typeof onClick === "function" && !disabled) {
+      onClick(event);
+    }
+  };
+  const handleSwitchClick = (e) => {
+    e.stopPropagation();
+  };
+  const handleSwitchChange = (event) => {
+    if (typeof onSwitchChange === "function" && !disabled) {
+      onSwitchChange(event);
+    }
+  };
+  const rootClass = classNames(
+    "at-list__item",
+    {
+      "at-list__item--thumb": thumb,
+      "at-list__item--multiple": note,
+      "at-list__item--disabled": disabled,
+      "at-list__item--no-border": !hasBorder
+    },
+    className
+  );
+  const renderIcon = () => {
+    if (icon) {
+      return /* @__PURE__ */ React.createElement(View, { className: "item-icon" }, icon);
+    } else if (iconInfo == null ? void 0 : iconInfo.value) {
+      const iconClass = classNames(
+        iconInfo && iconInfo.prefixClass || "at-icon",
+        {
+          [`${iconInfo && iconInfo.prefixClass || "at-icon"}-${iconInfo && iconInfo.value}`]: iconInfo && iconInfo.value
+        },
+        iconInfo && iconInfo.className
+      );
+      return /* @__PURE__ */ React.createElement(View, { className: "at-list__item-icon item-icon" }, /* @__PURE__ */ React.createElement(
+        Text,
+        {
+          className: iconClass,
+          style: mergeStyle(
+            {
+              color: iconInfo.color || "",
+              fontSize: `${iconInfo.size || 24}px`
+            },
+            iconInfo.customStyle || ""
+          )
+        }
+      ));
+    } else if (thumb) {
+      return /* @__PURE__ */ React.createElement(View, { className: "at-list__item-thumb item-thumb" }, /* @__PURE__ */ React.createElement(Image, { className: "item-thumb__info", mode: "scaleToFill", src: thumb }));
+    }
+  };
+  return /* @__PURE__ */ React.createElement(View, { className: rootClass, onClick: handleClick }, /* @__PURE__ */ React.createElement(View, { className: "at-list__item-container" }, renderIcon(), /* @__PURE__ */ React.createElement(View, { className: "at-list__item-content item-content" }, /* @__PURE__ */ React.createElement(View, { className: "item-content__info" }, /* @__PURE__ */ React.createElement(View, { className: "item-content__info-title" }, title), note && /* @__PURE__ */ React.createElement(View, { className: "item-content__info-note" }, note))), /* @__PURE__ */ React.createElement(View, { className: "at-list__item-extra item-extra" }, extraText && /* @__PURE__ */ React.createElement(View, { className: "item-extra__info" }, extraText), extraThumb && !extraText && /* @__PURE__ */ React.createElement(View, { className: "item-extra__image" }, /* @__PURE__ */ React.createElement(
+    Image,
+    {
+      className: "item-extra__image-info",
+      mode: "aspectFit",
+      src: extraThumb
+    }
+  )), isSwitch && !extraThumb && !extraText && /* @__PURE__ */ React.createElement(View, { className: "item-extra__switch", onClick: handleSwitchClick }, /* @__PURE__ */ React.createElement(
+    Switch,
+    {
+      color: switchColor,
+      disabled,
+      checked: switchIsCheck,
+      onChange: handleSwitchChange
+    }
+  )), arrow ? /* @__PURE__ */ React.createElement(View, { className: "item-extra__icon" }, /* @__PURE__ */ React.createElement(
+    Text,
+    {
+      className: `at-icon item-extra__icon-arrow at-icon-chevron-${arrow}`
+    }
+  )) : null)));
+}
+AtListItem.propTypes = {
+  note: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+  disabled: PropTypes.bool,
+  title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+  thumb: PropTypes.string,
+  onClick: PropTypes.func,
+  isSwitch: PropTypes.bool,
+  hasBorder: PropTypes.bool,
+  switchColor: PropTypes.string,
+  switchIsCheck: PropTypes.bool,
+  extraText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+  extraThumb: PropTypes.string,
+  onSwitchChange: PropTypes.func,
+  arrow: PropTypes.oneOf(["up", "down", "right"]),
+  iconInfo: PropTypes.shape({
+    size: PropTypes.number,
+    value: PropTypes.string,
+    color: PropTypes.string,
+    prefixClass: PropTypes.string,
+    customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
+    className: PropTypes.oneOfType([PropTypes.array, PropTypes.string])
+  })
+};
+var item_default = AtListItem;
+export {
+  item_default as default
+};
+//# sourceMappingURL=index.js.map