@nutui/nutui-react-taro 2.6.13 → 3.0.0-beta.0

package/dist/esm/pulltorefresh.taro-CZReoWwU.js

@@ -1,147 +0,0 @@
-import { a as __awaiter } from "./tslib.es6-iWu3F_1J.js";
-import React__default, { useRef, useState } from "react";
-import classNames from "classnames";
-import { View } from "@tarojs/components";
-import { Loading, More } from "@nutui/icons-react-taro";
-import Taro from "@tarojs/taro";
-import { u as useConfig } from "./configprovider.taro-DA4GDDFu.js";
-import { u as useTouch } from "./use-touch-BeiLHDO9.js";
-import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
-function bound(position, min, max) {
-  let ret = position;
-  {
-    ret = Math.max(position, min);
-  }
-  {
-    ret = Math.min(ret, max);
-  }
-  return ret;
-}
-function rubberband(distance, dimension, constant) {
-  return distance * dimension * constant / (dimension + constant * distance);
-}
-function rubberbandIfOutOfBounds(position, min, max, dimension, constant = 0.15) {
-  if (constant === 0)
-    return bound(position, min, max);
-  if (position < min)
-    return -rubberband(min - position, dimension, constant) + min;
-  if (position > max)
-    return +rubberband(position - max, dimension, constant) + max;
-  return position;
-}
-const sleep = (time) => new Promise((resolve) => setTimeout(resolve, time));
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { type: "default", pullingText: "", canReleaseText: "", refreshingText: "", completeText: "", completeDelay: 500, disabled: false, headHeight: 50, threshold: 60, scrollTop: 0, onRefresh: () => {
-} });
-const PullToRefresh = (p) => {
-  const classPrefix = "nut-pulltorefresh";
-  const { locale } = useConfig();
-  const touch = useTouch();
-  const props = Object.assign(Object.assign(Object.assign({}, defaultProps), p), {
-    pullingText: p.pullingText || locale.pullToRefresh.pullingText,
-    canReleaseText: p.canReleaseText || locale.pullToRefresh.canReleaseText,
-    refreshingText: p.refreshingText || locale.pullToRefresh.refreshingText,
-    completeText: p.completeText || locale.pullToRefresh.completeText
-  });
-  const classes = classNames(classPrefix, props.className, `${classPrefix}-${props.type}`);
-  const headHeight = props.headHeight;
-  const threshold = props.threshold;
-  const pullingRef = useRef(false);
-  const [status, setStatus] = useState("pulling");
-  const [height, setHeight] = useState(0);
-  const renderIcons = (status2) => {
-    return React__default.createElement(
-      React__default.Fragment,
-      null,
-      (status2 === "pulling" || status2 === "complete") && React__default.createElement(Loading, null),
-      (status2 === "canRelease" || status2 === "refreshing") && React__default.createElement(More, null)
-    );
-  };
-  const renderStatusIcon = () => {
-    var _a;
-    if (props.renderIcon) {
-      return (_a = props.renderIcon) === null || _a === void 0 ? void 0 : _a.call(props, status);
-    }
-    return renderIcons(status);
-  };
-  const renderStatusText = () => {
-    var _a;
-    if (props.renderText) {
-      return (_a = props.renderText) === null || _a === void 0 ? void 0 : _a.call(props, status);
-    }
-    if (status === "pulling")
-      return props.pullingText;
-    if (status === "canRelease")
-      return props.canReleaseText;
-    if (status === "refreshing")
-      return props.refreshingText;
-    if (status === "complete")
-      return props.completeText;
-    return "";
-  };
-  const handleTouchStart = (e) => {
-    touch.start(e);
-  };
-  const handleTouchMove = (e) => {
-    if (props.scrollTop > 0) {
-      return;
-    }
-    if (status === "refreshing" || status === "complete")
-      return;
-    touch.move(e);
-    if (touch.isVertical()) {
-      pullingRef.current = true;
-      setHeight(Math.max(rubberbandIfOutOfBounds(touch.deltaY.current, 0, 0, headHeight * 5, 0.5), 0));
-      setStatus(height > threshold ? "canRelease" : "pulling");
-    }
-  };
-  function doRefresh() {
-    return __awaiter(this, void 0, void 0, function* () {
-      setHeight(headHeight);
-      setStatus("refreshing");
-      try {
-        yield props.onRefresh();
-        setStatus("complete");
-      } catch (e) {
-        setHeight(0);
-        setStatus("pulling");
-        throw e;
-      }
-      if (props.completeDelay > 0) {
-        yield sleep(props.completeDelay);
-      }
-      setHeight(0);
-      setStatus("pulling");
-    });
-  }
-  const handleTouchEnd = () => {
-    pullingRef.current = false;
-    if (status === "canRelease") {
-      doRefresh();
-    } else {
-      setHeight(0);
-      setStatus("pulling");
-    }
-  };
-  const isAndroidWeApp = Taro.getSystemInfoSync().platform === "android" && Taro.getEnv() === "WEAPP";
-  const springStyles = Object.assign({ height: `${height}px` }, !pullingRef.current || isAndroidWeApp ? { transition: "height .3s ease" } : {});
-  return React__default.createElement(
-    View,
-    { className: classes, style: props.style, onTouchStart: handleTouchStart, onTouchMove: handleTouchMove, onTouchEnd: handleTouchEnd },
-    React__default.createElement(
-      View,
-      { style: springStyles, className: `${classPrefix}-head` },
-      React__default.createElement(
-        "div",
-        { className: `${classPrefix}-head-content`, style: { height: headHeight } },
-        React__default.createElement("div", null, renderStatusIcon()),
-        React__default.createElement("div", null, renderStatusText())
-      )
-    ),
-    React__default.createElement("div", { className: `${classPrefix}-content` }, props.children)
-  );
-};
-PullToRefresh.defaultProps = defaultProps;
-PullToRefresh.displayName = "NutPullToRefresh";
-export {
-  PullToRefresh as P
-};

package/dist/esm/px-check-D1Xbd9pj.js

@@ -1,6 +0,0 @@
-const pxCheck = (value) => {
-  return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
-};
-export {
-  pxCheck as p
-};

package/dist/esm/radio.taro-BNSceequ.js

@@ -1,137 +0,0 @@
-import { _ as __rest } from "./tslib.es6-iWu3F_1J.js";
-import React__default, { useCallback, useContext } from "react";
-import { CheckDisabled, CheckChecked, CheckNormal } from "@nutui/icons-react-taro";
-import classNames from "classnames";
-import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
-import { u as usePropsValue } from "./use-props-value-SH9krhkx.js";
-const RadioContext = React__default.createContext(null);
-const defaultProps$1 = {
-  labelPosition: "right",
-  onChange: (value) => {
-  },
-  direction: "vertical",
-  options: []
-};
-const classPrefix = "nut-radiogroup";
-const RadioGroup = React__default.forwardRef((props, ref) => {
-  const _a = Object.assign(Object.assign({}, defaultProps$1), props), { children, className, value, defaultValue, onChange, shape, labelPosition, direction, options, disabled } = _a, rest = __rest(_a, ["children", "className", "value", "defaultValue", "onChange", "shape", "labelPosition", "direction", "options", "disabled"]);
-  const [val2State, setVal2State] = usePropsValue({
-    defaultValue: props.defaultValue,
-    value: props.value,
-    finalValue: "",
-    onChange
-  });
-  const renderOptionsChildren = useCallback(() => {
-    return options === null || options === void 0 ? void 0 : options.map((_a2) => {
-      var { label, value: value2, disabled: disabled2, onChange: onChange2 } = _a2, rest2 = __rest(_a2, ["label", "value", "disabled", "onChange"]);
-      return React__default.createElement(Radio, Object.assign({}, rest2, { key: value2 === null || value2 === void 0 ? void 0 : value2.toString(), children: label, value: value2, disabled: disabled2, onChange: onChange2, labelPosition, checked: value2 === val2State }));
-    });
-  }, [options]);
-  return React__default.createElement(
-    RadioContext.Provider,
-    { value: {
-      labelPosition: labelPosition || "right",
-      disabled,
-      shape,
-      value: val2State,
-      check: (value2) => {
-        setVal2State(value2);
-      },
-      uncheck: () => {
-        setVal2State("");
-      }
-    } },
-    React__default.createElement("div", Object.assign({ className: classNames(classPrefix, {
-      [`${classPrefix}-${props.direction}`]: props.direction
-    }, className) }, rest), (options === null || options === void 0 ? void 0 : options.length) ? renderOptionsChildren() : children)
-  );
-});
-RadioGroup.defaultProps = defaultProps$1;
-RadioGroup.displayName = "NutRadioGroup";
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { disabled: false, shape: "round", value: "", labelPosition: "right", icon: null, activeIcon: null, onChange: (checked) => {
-} });
-const Radio = (props) => {
-  const classPrefix2 = "nut-radio";
-  const _a = Object.assign(Object.assign({}, defaultProps), props), { children, className, style, checked, defaultChecked, shape, value, icon, activeIcon, onChange } = _a, others = __rest(_a, ["children", "className", "style", "checked", "defaultChecked", "shape", "value", "icon", "activeIcon", "onChange"]);
-  let { labelPosition, disabled } = others, rest = __rest(
-    others,
-    ["labelPosition", "disabled"]
-  );
-  let [checkedStatement, setCheckedStatement] = usePropsValue({
-    value: checked,
-    defaultValue: defaultChecked,
-    finalValue: false,
-    onChange
-  });
-  const context = useContext(RadioContext);
-  if (context) {
-    checkedStatement = context.value === value;
-    if (context.labelPosition !== void 0) {
-      labelPosition = context.labelPosition;
-    }
-    if (context.disabled !== void 0) {
-      disabled = context.disabled;
-    }
-    setCheckedStatement = (value2) => {
-      if (value2) {
-        context.check(props.value === void 0 ? "" : props.value);
-      } else {
-        context.uncheck();
-      }
-    };
-  }
-  const renderLabel = () => {
-    return React__default.createElement("div", { className: classNames(`${classPrefix2}-label`, {
-      [`${classPrefix2}-label-disabled`]: disabled
-    }) }, children);
-  };
-  const renderButton = () => {
-    return React__default.createElement("div", { className: classNames(`${classPrefix2}-button`, {
-      [`${classPrefix2}-button-active`]: checkedStatement,
-      [`${classPrefix2}-button-disabled`]: disabled
-    }) }, children);
-  };
-  const color = () => {
-    return {
-      [`${classPrefix2}-icon-disabled`]: disabled,
-      [`${classPrefix2}-icon`]: !checkedStatement,
-      [`${classPrefix2}-icon-checked`]: checkedStatement
-    };
-  };
-  const renderIcon = () => {
-    const { icon: icon2, activeIcon: activeIcon2 } = props;
-    if (disabled && !checkedStatement) {
-      return React__default.createElement(CheckDisabled, { className: classNames(color()) });
-    }
-    if (checkedStatement) {
-      return React__default.isValidElement(activeIcon2) ? React__default.cloneElement(activeIcon2, Object.assign(Object.assign({}, activeIcon2.props), { className: classNames(color()) })) : React__default.createElement(CheckChecked, { className: classNames(color()) });
-    }
-    return React__default.isValidElement(icon2) ? React__default.cloneElement(icon2, Object.assign(Object.assign({}, icon2.props), { className: classNames(color()) })) : React__default.createElement(CheckNormal, { className: classNames(color()) });
-  };
-  const renderByShape = (shape2) => {
-    return shape2 === "button" ? renderButton() : React__default.createElement(
-      React__default.Fragment,
-      null,
-      renderIcon(),
-      renderLabel()
-    );
-  };
-  const renderRadioItem = () => {
-    return renderByShape(context && context.shape ? context.shape : shape);
-  };
-  const handleClick = (e) => {
-    if (disabled || checkedStatement)
-      return;
-    setCheckedStatement(!checkedStatement);
-  };
-  return React__default.createElement("div", Object.assign({ className: classNames(classPrefix2, {
-    [`${classPrefix2}-reverse`]: labelPosition === "left"
-  }, className), style, onClick: handleClick }, rest), renderRadioItem());
-};
-Radio.defaultProps = defaultProps;
-Radio.displayName = "NutRadio";
-Radio.Group = RadioGroup;
-export {
-  Radio as R,
-  RadioGroup as a
-};

package/dist/esm/raf-zwv-SBjP.js

@@ -1,15 +0,0 @@
-function requestAniFrame() {
-  if (typeof window !== "undefined") {
-    const _window = window;
-    return _window.requestAnimationFrame || _window.webkitRequestAnimationFrame || function(callback) {
-      _window.setTimeout(callback, 1e3 / 60);
-    };
-  }
-  return (callback) => {
-    setTimeout(callback, 1e3 / 60);
-  };
-}
-const requestAniFrame$1 = requestAniFrame();
-export {
-  requestAniFrame$1 as r
-};

package/dist/esm/range.taro-D_qsx_j6.js

@@ -1,267 +0,0 @@
-import { a as __awaiter } from "./tslib.es6-iWu3F_1J.js";
-import React__default, { useState, useRef, useEffect, useCallback } from "react";
-import classNames from "classnames";
-import { View } from "@tarojs/components";
-import { u as useTouch } from "./use-touch-BeiLHDO9.js";
-import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
-import { u as usePropsValue } from "./use-props-value-SH9krhkx.js";
-import { g as getRectByTaro } from "./get-rect-by-taro-THaHH07X.js";
-import { a as useRtl } from "./configprovider.taro-DA4GDDFu.js";
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { range: false, min: 0, max: 100, step: 1, vertical: false, marks: {} });
-const Range = (props) => {
-  const rtl = useRtl();
-  const { className, range, disabled, button, vertical, marks, onChange, onStart, onEnd, minDescription, maxDescription, currentDescription, min, max, step, value, defaultValue } = Object.assign(Object.assign({}, defaultProps), props);
-  const classPrefix = "nut-range";
-  const [buttonIndex, setButtonIndex] = useState(0);
-  const [dragStatus, setDragStatus] = useState("start");
-  const touch = useTouch();
-  const root = useRef(null);
-  const [marksList, setMarksList] = useState([]);
-  const [startValue, setStartValue] = useState(0);
-  const handleChange = (value2) => {
-    onChange && onChange(value2);
-  };
-  const [current, setCurrent] = usePropsValue({
-    value,
-    defaultValue,
-    finalValue: 0,
-    onChange: handleChange
-  });
-  const [exactValue, setEaxctValue] = useState(() => value || defaultValue || 0);
-  const marksRef = useRef({});
-  useEffect(() => {
-    if (marks) {
-      if (Array.isArray(marks)) {
-        const list = marks.sort((a, b) => a.value - b.value).filter((point) => point.value >= min && point.value <= max);
-        setMarksList(list.map((mark) => mark.value));
-        list.forEach((mark) => {
-          marksRef.current[mark.value] = mark.label !== void 0 ? mark.label : mark.value;
-        });
-      } else {
-        const marksKeys = Object.keys(marks);
-        const list = marksKeys.map(parseFloat).sort((a, b) => a - b).filter((point) => point >= min && point <= max);
-        setMarksList(list);
-      }
-    }
-  }, [marks]);
-  const scope = () => {
-    return max - min;
-  };
-  const classes = classNames(classPrefix, {
-    [`${classPrefix}-disabled`]: disabled,
-    [`${classPrefix}-vertical`]: vertical
-  });
-  const containerClasses = classNames(`${classPrefix}-container`, {
-    [`${classPrefix}-container-vertical`]: vertical
-  }, className);
-  const markClassName = useCallback((mark) => {
-    const classPrefix2 = "nut-range-mark";
-    let lowerBound = min;
-    let upperBound = max;
-    if (range && Array.isArray(current)) {
-      lowerBound = current[0];
-      upperBound = current[1];
-    } else {
-      upperBound = current;
-    }
-    const isActive = mark <= upperBound && mark >= lowerBound;
-    return [
-      `${classPrefix2}-text`,
-      `${isActive ? `${classPrefix2}-text-active` : ""}`
-    ].join(" ");
-  }, [range, current, min, max]);
-  const isRange = (val) => {
-    return !!range && Array.isArray(val);
-  };
-  const calcMainAxis = () => {
-    const modelVal = current;
-    if (isRange(modelVal)) {
-      return `${(modelVal[1] - modelVal[0]) * 100 / scope()}%`;
-    }
-    return `${(modelVal - min) * 100 / scope()}%`;
-  };
-  const calcOffset = () => {
-    const modelVal = current;
-    if (isRange(modelVal)) {
-      return `${(modelVal[0] - min) * 100 / scope()}%`;
-    }
-    return `0%`;
-  };
-  const barStyle = () => {
-    if (vertical) {
-      return {
-        height: calcMainAxis(),
-        top: calcOffset(),
-        transition: dragStatus ? "none" : void 0
-      };
-    }
-    const dir = rtl ? "right" : "left";
-    return {
-      width: calcMainAxis(),
-      [dir]: calcOffset(),
-      transition: dragStatus ? "none" : void 0
-    };
-  };
-  const marksStyle = (mark) => {
-    const dir = rtl ? "right" : "left";
-    let style = {
-      [dir]: `${(mark - min) / scope() * 100}%`
-    };
-    if (vertical) {
-      style = {
-        top: `${(mark - min) / scope() * 100}%`
-      };
-    }
-    return style;
-  };
-  const tickClass = (mark) => {
-    if (range && Array.isArray(current)) {
-      return mark <= current[1] && mark >= current[0];
-    }
-    return mark <= current;
-  };
-  const format = (value2) => {
-    value2 = Math.max(+min, Math.min(value2, +max));
-    return Math.round(value2 / +step) * +step;
-  };
-  const isSameValue = (newValue, oldValue) => {
-    return JSON.stringify(newValue) === JSON.stringify(oldValue);
-  };
-  const handleOverlap = (value2) => {
-    if (value2[0] > value2[1]) {
-      return value2.slice(0).reverse();
-    }
-    return value2;
-  };
-  const updateValue = (value2, end) => {
-    if (isRange(value2)) {
-      value2 = handleOverlap(value2).map(format);
-    } else {
-      value2 = format(value2);
-    }
-    if (!isSameValue(value2, current)) {
-      setCurrent(value2);
-    }
-    end && onEnd && onEnd(value2);
-  };
-  const click = (event) => __awaiter(void 0, void 0, void 0, function* () {
-    if (disabled || !root.current) {
-      return;
-    }
-    setDragStatus("");
-    const rect = yield getRectByTaro(root.current);
-    let delta = (event.detail.x ? event.detail.x : event.clientX) - rect.left;
-    let total = rect.width;
-    if (vertical) {
-      delta = (event.detail.y ? event.detail.y : event.clientY) - rect.top;
-      total = rect.height;
-    }
-    const value2 = min + delta / total * scope();
-    setEaxctValue(current);
-    if (isRange(current)) {
-      const [left, right] = current;
-      const middle = (left + right) / 2;
-      if (value2 <= middle) {
-        updateValue([value2, right], true);
-      } else {
-        updateValue([left, value2], true);
-      }
-    } else {
-      updateValue(value2, true);
-    }
-  });
-  const onTouchStart = (event) => {
-    if (disabled) {
-      return;
-    }
-    touch.start(event);
-    setEaxctValue(current);
-    if (isRange(current)) {
-      setStartValue(current.map(format));
-    } else {
-      setStartValue(format(current));
-    }
-    setDragStatus("start");
-  };
-  const onTouchMove = (event) => __awaiter(void 0, void 0, void 0, function* () {
-    if (disabled || !root.current) {
-      return;
-    }
-    if (dragStatus === "start") {
-      onStart && onStart();
-    }
-    touch.move(event);
-    setDragStatus("draging");
-    const rect = yield getRectByTaro(root.current);
-    if (!rect)
-      return;
-    let delta = touch.deltaX.current;
-    let total = rect.width;
-    let diff = delta / total * scope();
-    diff = rtl ? -diff : diff;
-    if (vertical) {
-      delta = touch.deltaY.current;
-      total = rect.height;
-      diff = delta / total * scope();
-    }
-    let newValue;
-    if (isRange(startValue)) {
-      newValue = exactValue.slice();
-      newValue[buttonIndex] = startValue[buttonIndex] + diff;
-    } else {
-      newValue = startValue + diff;
-    }
-    setEaxctValue(newValue);
-    updateValue(newValue);
-  });
-  const onTouchEnd = () => {
-    if (disabled) {
-      return;
-    }
-    if (dragStatus === "draging") {
-      updateValue(current, true);
-    }
-    setDragStatus("");
-  };
-  const curValue = (idx) => {
-    const modelVal = current;
-    const value2 = typeof idx === "number" ? modelVal[idx] : modelVal;
-    return value2;
-  };
-  const renderButton = (index) => {
-    return React__default.createElement(React__default.Fragment, null, button || React__default.createElement("div", { className: "nut-range-button" }, currentDescription !== null && React__default.createElement("div", { className: "number" }, currentDescription ? currentDescription(curValue(index)) : curValue(index))));
-  };
-  return React__default.createElement(
-    "div",
-    { className: containerClasses },
-    minDescription !== null && React__default.createElement("div", { className: "min" }, minDescription || min),
-    React__default.createElement(
-      "div",
-      { ref: root, className: classes, onClick: (e) => click(e) },
-      marksList.length > 0 && React__default.createElement("div", { className: "nut-range-mark" }, marksList.map((mark) => {
-        return React__default.createElement(
-          "span",
-          { key: mark, className: markClassName(mark), style: marksStyle(mark) },
-          Array.isArray(marks) ? marksRef.current[mark] : marks[mark],
-          React__default.createElement("span", { className: classNames("nut-range-tick", {
-            active: tickClass(mark)
-          }) })
-        );
-      })),
-      React__default.createElement("div", { className: "nut-range-bar", style: barStyle() }, range ? [0, 1].map((item, index) => {
-        return React__default.createElement("div", { key: index, className: `${index === 0 ? "nut-range-button-wrapper-left" : ""}
-                  ${index === 1 ? "nut-range-button-wrapper-right" : ""}`, onTouchStart: (e) => {
-          if (typeof index === "number") {
-            setButtonIndex(index);
-          }
-          onTouchStart(e);
-        }, onTouchMove: (e) => onTouchMove(e), onTouchEnd, onTouchCancel: onTouchEnd, onClick: (e) => e.stopPropagation() }, renderButton(index));
-      }) : React__default.createElement(View, { catchMove: true, className: "nut-range-button-wrapper", onTouchStart: (e) => onTouchStart(e), onTouchMove: (e) => onTouchMove(e), onTouchEnd, onTouchCancel: onTouchEnd, onClick: (e) => e.stopPropagation() }, renderButton()))
-    ),
-    maxDescription !== null && React__default.createElement("div", { className: "max" }, maxDescription || max)
-  );
-};
-Range.displayName = "NutRange";
-export {
-  Range as R
-};