@nutui/nutui-react-taro 2.0.0-alpha.7 → 2.0.0-alpha.9

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

@@ -1,179 +0,0 @@
-import React, { useState, useRef, useEffect } from "react";
-import { useDrag } from "@use-gesture/react";
-import { useSpring, animated } from "@react-spring/web";
-import { u as useConfig } from "./configprovider.taro-25758d9f.js";
-import { g as getScrollParent } from "./get-scroll-parent-8da04f2e.js";
-import { p as passiveSupported } from "./supports-passive-aaaf0eff.js";
-function bound(position, min, max) {
-  let ret = position;
-  if (min !== void 0) {
-    ret = Math.max(position, min);
-  }
-  if (max !== void 0) {
-    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 = {
-  pullingText: "",
-  canReleaseText: "",
-  refreshingText: "",
-  completeText: "",
-  completeDelay: 500,
-  disabled: false,
-  headHeight: 40,
-  threshold: 60,
-  onRefresh: () => {
-  }
-};
-const PullToRefresh = (p) => {
-  const { locale } = useConfig();
-  const props = {
-    ...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 headHeight = props.headHeight;
-  const threshold = props.threshold;
-  const [status, setStatus] = useState("pulling");
-  const [springStyles, api] = useSpring(() => ({
-    from: { height: 0 },
-    config: {
-      tension: 300,
-      friction: 30,
-      clamp: true
-    }
-  }));
-  const elementRef = useRef(null);
-  const pullingRef = useRef(false);
-  useEffect(() => {
-    var _a;
-    (_a = elementRef.current) == null ? void 0 : _a.addEventListener("touchmove", () => {
-    });
-  }, []);
-  async function doRefresh() {
-    api.start({ height: headHeight });
-    setStatus("refreshing");
-    try {
-      await props.onRefresh();
-      setStatus("complete");
-    } catch (e) {
-      api.start({
-        to: async (next) => {
-          await next({ height: 0 });
-          setStatus("pulling");
-        }
-      });
-      throw e;
-    }
-    if (props.completeDelay > 0) {
-      await sleep(props.completeDelay);
-    }
-    api.start({
-      to: async (next) => {
-        await next({ height: 0 });
-        setStatus("pulling");
-      }
-    });
-  }
-  useDrag((state) => {
-    if (status === "refreshing" || status === "complete")
-      return;
-    const { event } = state;
-    if (state.last) {
-      pullingRef.current = false;
-      if (status === "canRelease") {
-        doRefresh();
-      } else {
-        api.start({ height: 0 });
-      }
-      return;
-    }
-    function getScrollTop(element) {
-      return "scrollTop" in element ? element.scrollTop : element.scrollY;
-    }
-    const [, y] = state.movement;
-    if (state.first && y > 0) {
-      const target = state.event.target;
-      if (!target || !(target instanceof Element))
-        return;
-      let scrollParent = getScrollParent(target);
-      while (true) {
-        if (!scrollParent)
-          return;
-        const scrollTop = getScrollTop(scrollParent);
-        if (scrollTop > 0) {
-          return;
-        }
-        if (scrollParent instanceof Window) {
-          break;
-        }
-        scrollParent = getScrollParent(scrollParent.parentNode);
-      }
-      pullingRef.current = true;
-    }
-    if (!pullingRef.current)
-      return;
-    if (event.cancelable) {
-      event.preventDefault();
-    }
-    event.stopPropagation();
-    const height = Math.max(rubberbandIfOutOfBounds(y, 0, 0, headHeight * 5, 0.5), 0);
-    api.start({ height });
-    setStatus(height > threshold ? "canRelease" : "pulling");
-  }, {
-    pointer: { touch: true },
-    axis: "y",
-    target: elementRef,
-    enabled: !props.disabled,
-    eventOptions: passiveSupported ? { passive: false } : false
-  });
-  const renderStatusText = () => {
-    var _a;
-    if (props.renderText) {
-      return (_a = props.renderText) == null ? 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 "";
-  };
-  return React.createElement(
-    animated.div,
-    { ref: elementRef, className: "nut-pulltorefresh" },
-    React.createElement(
-      animated.div,
-      { style: springStyles, className: "nut-pulltorefresh-head" },
-      React.createElement("div", { className: "nut-pulltorefresh-head-content", style: { height: headHeight } }, renderStatusText())
-    ),
-    React.createElement("div", { className: "nut-pulltorefresh-content" }, props.children)
-  );
-};
-PullToRefresh.defaultProps = defaultProps;
-PullToRefresh.displayName = "NutPullToRefresh";
-export {
-  PullToRefresh as P
-};

package/dist/esm/radio.taro-3a54f4c8.js

@@ -1,152 +0,0 @@
-import React, { useState, useEffect, useCallback, useContext } from "react";
-import { CheckChecked, CheckNormal } from "@nutui/icons-react-taro";
-import { C as ComponentDefaults } from "./typings-11d83a22.js";
-import { c as cn } from "./bem-cdccae08.js";
-const radioContext = {
-  onChange: (val) => {
-  }
-};
-const RadioContext = React.createContext(radioContext);
-const defaultProps$1 = {
-  value: null,
-  textPosition: "right",
-  onChange: (value) => {
-  },
-  direction: "vertical",
-  options: []
-};
-const RadioGroup = React.forwardRef((props, ref) => {
-  const { children } = { ...defaultProps$1, ...props };
-  cn("RadioGroup");
-  const { className, value, onChange, textPosition, direction, options, ...rest } = props;
-  const [val2State, setVal2State] = useState(value);
-  useEffect(() => {
-    setVal2State(value);
-  }, [value]);
-  function validateChildChecked(child) {
-    if (val2State === null)
-      return false;
-    return val2State === child.props.value;
-  }
-  function validateChecked(value2) {
-    if (val2State === null)
-      return false;
-    return val2State === value2;
-  }
-  function cloneChildren() {
-    return React.Children.map(children, (child, index) => {
-      const childChecked = validateChildChecked(child);
-      if (child.type.displayName !== "NutRadio") {
-        return React.cloneElement(child);
-      }
-      return React.cloneElement(child, {
-        textPosition,
-        checked: childChecked
-        // onChange: handleChildChange,
-      });
-    });
-  }
-  const renderOptionsChildren = useCallback(() => {
-    return options == null ? void 0 : options.map(({ label, value: value2, disabled, onChange: onChange2, ...rest2 }) => {
-      const childChecked = validateChecked(value2);
-      return React.createElement(Radio, { key: value2 == null ? void 0 : value2.toString(), children: label, value: value2, disabled, onChange: onChange2, ...rest2, textPosition, checked: childChecked });
-    });
-  }, [val2State, options]);
-  return React.createElement(
-    RadioContext.Provider,
-    { value: {
-      onChange: (val) => {
-        setVal2State(val);
-        onChange && onChange(val);
-      }
-    } },
-    React.createElement("div", { className: `nut-radiogroup nut-radiogroup--${props.direction} ${className || ""}`, ...rest }, (options == null ? void 0 : options.length) ? renderOptionsChildren() : cloneChildren())
-  );
-});
-RadioGroup.defaultProps = defaultProps$1;
-RadioGroup.displayName = "NutRadioGroup";
-const defaultProps = {
-  ...ComponentDefaults,
-  className: "",
-  style: {},
-  disabled: false,
-  checked: false,
-  shape: "round",
-  value: "",
-  textPosition: "right",
-  icon: null,
-  checkedIcon: null,
-  iconSize: 18,
-  onChange: (e) => {
-  }
-};
-const Radio = (props) => {
-  const { children } = {
-    ...defaultProps,
-    ...props
-  };
-  const { className, disabled, checked, shape, textPosition, value, icon, checkedIcon, iconSize, onChange, ...rest } = props;
-  const componentName = "nut-radio";
-  const [checkedStatement, setCheckedStatement] = useState(checked);
-  const [valueStatement, setValueStatement] = useState(value);
-  const [disabledStatement, setDisabledStatement] = useState(disabled);
-  const context = useContext(RadioContext);
-  useEffect(() => {
-    setDisabledStatement(disabled);
-    setValueStatement(value);
-    setCheckedStatement(checked);
-  }, [disabled, value, checked]);
-  const renderLabel = () => {
-    return React.createElement("div", { className: `${componentName}__label ${disabledStatement ? `${componentName}__label--disabled` : ""}` }, children);
-  };
-  const renderButton = () => {
-    return React.createElement("div", { className: `${componentName}__button ${!disabledStatement && checkedStatement && `${componentName}__button--active`} ${disabledStatement ? `${componentName}__button--disabled` : ""}` }, children);
-  };
-  const color = () => {
-    if (disabledStatement) {
-      return "nut-radio__icon--disable";
-    }
-    if (checkedStatement) {
-      return "nut-radio__icon";
-    }
-    return "nut-radio__icon--unchecked";
-  };
-  const renderIcon = () => {
-    const { icon: icon2, iconSize: iconSize2, checkedIcon: checkedIcon2 } = props;
-    if (!disabledStatement && checkedStatement) {
-      return React.isValidElement(checkedIcon2) ? React.cloneElement(checkedIcon2, {
-        ...checkedIcon2.props,
-        className: color()
-      }) : React.createElement(CheckChecked, { size: iconSize2, className: color() });
-    }
-    return React.isValidElement(icon2) ? React.cloneElement(icon2, {
-      ...icon2.props,
-      className: color()
-    }) : React.createElement(CheckNormal, { size: iconSize2, className: color() });
-  };
-  const reverseState = textPosition === "left";
-  const renderRadioItem = () => {
-    if (shape === "button") {
-      return renderButton();
-    }
-    if (reverseState) {
-      return [renderLabel(), renderIcon()];
-    }
-    return [renderIcon(), renderLabel()];
-  };
-  const handleClick = (e) => {
-    if (disabledStatement || checkedStatement)
-      return;
-    setCheckedStatement(!checkedStatement);
-    onChange && onChange(e);
-    context && context.onChange(valueStatement);
-  };
-  return React.createElement("div", { className: `nut-radio ${className} ${reverseState ? `${componentName}--reverse` : ""}`, onClick: handleClick, ...rest }, renderRadioItem());
-};
-Radio.defaultProps = defaultProps;
-Radio.displayName = "NutRadio";
-Radio.RadioGroup = RadioGroup;
-export {
-  Radio as R,
-  RadioGroup as a
-};

package/dist/esm/range.taro-52cda918.js

@@ -1,325 +0,0 @@
-import React, { useState, useRef, useEffect, useCallback } from "react";
-import { u as useTouch } from "./use-touch-ff43512c.js";
-import { g as getRectByTaro } from "./use-client-rect-f317804e.js";
-import { T as Toast } from "./toast.taro-92c10e1d.js";
-import { u as useConfig } from "./configprovider.taro-25758d9f.js";
-const defaultProps = {
-  range: false,
-  hiddenRange: false,
-  hiddenTag: false,
-  min: 0,
-  max: 100,
-  step: 1,
-  modelValue: 0,
-  vertical: false,
-  marks: {}
-};
-let startValue;
-let currentValue;
-const Range = (props) => {
-  const { locale } = useConfig();
-  const { className, range, disabled, activeColor, inactiveColor, buttonColor, hiddenRange, hiddenTag, modelValue, button, vertical, marks, dragStart, dragEnd, onChange, onDragStart, onDragEnd, minDesc, maxDesc, curValueDesc } = { ...defaultProps, ...props };
-  let { min, max, step } = { ...defaultProps, ...props };
-  min = Number(min);
-  max = Number(max);
-  step = Number(step);
-  const [buttonIndex, SetButtonIndex] = useState(0);
-  const [initValue, SetInitValue] = useState();
-  const [dragStatus, SetDragStatus] = useState("start");
-  const touch = useTouch();
-  const root = useRef(null);
-  const [marksList, SetMarksList] = useState([]);
-  const [show, SetShow] = useState(false);
-  const [toastMsg, SetToastMsg] = useState("");
-  const toastShow = (msg) => {
-    SetToastMsg(msg);
-    SetShow(true);
-  };
-  useEffect(() => {
-    if (typeof modelValue === "number") {
-      if (!range && (modelValue < min || modelValue > max)) {
-        SetInitValue(0);
-        toastShow(`${modelValue} ${locale.range.rangeText}`);
-        return;
-      }
-      SetInitValue(modelValue);
-    }
-  }, [modelValue]);
-  useEffect(() => {
-    if (marks) {
-      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 Number(max) - Number(min);
-  };
-  const classes = useCallback(() => {
-    const prefixCls = "nut-range";
-    return [
-      prefixCls,
-      `${disabled ? `${prefixCls}-disabled` : ""}`,
-      `${vertical ? `${prefixCls}-vertical` : ""}`,
-      `${!hiddenRange ? `${prefixCls}-show-number` : ""}`
-    ].filter(Boolean).join(" ");
-  }, [disabled, vertical, hiddenRange]);
-  const containerClasses = useCallback(() => {
-    const prefixCls = "nut-range-container";
-    return [prefixCls, `${vertical ? `${prefixCls}-vertical` : ""}`, className].filter(Boolean).join(" ");
-  }, [vertical, className]);
-  const markClassName = useCallback((mark) => {
-    const classPrefix = "nut-range-mark";
-    let lowerBound = Number(min);
-    let upperBound = Number(max);
-    if (range) {
-      const [left, right] = modelValue;
-      lowerBound = left;
-      upperBound = right;
-    } else {
-      upperBound = modelValue;
-    }
-    const isActive = mark <= upperBound && mark >= lowerBound;
-    return [
-      `${classPrefix}-text`,
-      `${isActive ? `${classPrefix}-text-active` : ""}`
-    ].filter(Boolean).join(" ");
-  }, [range, modelValue, min, max]);
-  const [rangeName, setRangeName] = useState(classes());
-  const [containerName, setContainerName] = useState(containerClasses());
-  useEffect(() => {
-    setRangeName(classes());
-    setContainerName(containerClasses());
-  }, [classes, containerClasses]);
-  const wrapperStyle = () => {
-    return {
-      background: inactiveColor
-    };
-  };
-  const buttonStyle = () => {
-    return {
-      borderColor: buttonColor
-    };
-  };
-  const isRange = (val) => {
-    return !!range && Array.isArray(val);
-  };
-  const calcMainAxis = () => {
-    const modelVal = initValue || initValue === 0 ? initValue : modelValue;
-    if (isRange(modelVal)) {
-      return `${(modelVal[1] - modelVal[0]) * 100 / scope()}%`;
-    }
-    return `${(modelVal - Number(min)) * 100 / scope()}%`;
-  };
-  const calcOffset = () => {
-    const modelVal = initValue || initValue === 0 ? initValue : modelValue;
-    if (isRange(modelVal)) {
-      return `${(modelVal[0] - Number(min)) * 100 / scope()}%`;
-    }
-    return `0%`;
-  };
-  const barStyle = () => {
-    if (vertical) {
-      return {
-        height: calcMainAxis(),
-        top: calcOffset(),
-        background: activeColor,
-        transition: dragStatus ? "none" : void 0
-      };
-    }
-    return {
-      width: calcMainAxis(),
-      left: calcOffset(),
-      background: activeColor,
-      transition: dragStatus ? "none" : void 0
-    };
-  };
-  const marksStyle = (mark) => {
-    let style = {
-      left: `${(mark - Number(min)) / scope() * 100}%`
-    };
-    if (vertical) {
-      style = {
-        top: `${(mark - Number(min)) / scope() * 100}%`
-      };
-    }
-    return style;
-  };
-  const tickStyle = (mark) => {
-    let lowerBound = Number(min);
-    let upperBound = Number(max);
-    if (range) {
-      const [left, right] = modelValue;
-      lowerBound = left;
-      upperBound = right;
-    }
-    const isActive = mark <= upperBound && mark >= lowerBound;
-    const style = {
-      background: !isActive ? inactiveColor : activeColor
-    };
-    return style;
-  };
-  const format = (value) => {
-    value = Math.max(+min, Math.min(value, +max));
-    return Math.round(value / +step) * +step;
-  };
-  const isSameValue = (newValue, oldValue) => {
-    return JSON.stringify(newValue) === JSON.stringify(oldValue);
-  };
-  const handleOverlap = (value) => {
-    if (value[0] > value[1]) {
-      return value.slice(0).reverse();
-    }
-    return value;
-  };
-  const updateValue = (value, end) => {
-    if (isRange(value)) {
-      value = handleOverlap(value).map(format);
-    } else {
-      value = format(value);
-    }
-    const modelVal = initValue || initValue === 0 ? initValue : modelValue;
-    if (!isSameValue(value, modelVal)) {
-      SetInitValue(value);
-    }
-    if ((marks || end) && !isSameValue(value, startValue)) {
-      onChange && onChange(value);
-    }
-  };
-  const click = async (event) => {
-    if (disabled || !root.current) {
-      return;
-    }
-    SetDragStatus("");
-    const rect = await 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 value = Number(min) + delta / total * scope();
-    currentValue = initValue || initValue === 0 ? initValue : modelValue;
-    if (isRange(currentValue)) {
-      const [left, right] = currentValue;
-      const middle = (left + right) / 2;
-      if (value <= middle) {
-        updateValue([value, right], true);
-      } else {
-        updateValue([left, value], true);
-      }
-    } else {
-      updateValue(value, true);
-    }
-  };
-  const onTouchStart = (event) => {
-    if (disabled) {
-      return;
-    }
-    touch.start(event);
-    currentValue = initValue || initValue === 0 ? initValue : modelValue;
-    if (isRange(currentValue)) {
-      startValue = currentValue.map(format);
-    } else {
-      startValue = format(currentValue);
-    }
-    SetDragStatus("start");
-  };
-  const onTouchMove = async (event) => {
-    if (disabled || !root.current) {
-      return;
-    }
-    if (dragStatus === "start") {
-      dragStart && dragStart();
-      onDragStart && onDragStart();
-    }
-    touch.move(event);
-    SetDragStatus("draging");
-    const rect = await getRectByTaro(root.current);
-    let delta = touch.deltaX;
-    let total = rect.width;
-    let diff = delta / total * scope();
-    if (vertical) {
-      delta = touch.deltaY;
-      total = rect.height;
-      diff = delta / total * scope();
-    }
-    if (isRange(startValue)) {
-      currentValue[buttonIndex] = startValue[buttonIndex] + diff;
-    } else {
-      currentValue = startValue + diff;
-    }
-    updateValue(currentValue);
-  };
-  const onTouchEnd = (event) => {
-    if (disabled) {
-      return;
-    }
-    if (dragStatus === "draging") {
-      updateValue(currentValue, true);
-      dragEnd && dragEnd();
-      onDragEnd && onDragEnd();
-    }
-    SetDragStatus("");
-  };
-  const curValue = (idx) => {
-    const modelVal = initValue || initValue === 0 ? initValue : modelValue;
-    const value = typeof idx === "number" ? modelVal[idx] : modelVal;
-    return value;
-  };
-  return React.createElement(
-    "div",
-    { className: `${containerName}` },
-    !hiddenRange ? React.createElement("div", { className: "min" }, minDesc || +min) : null,
-    React.createElement(
-      "div",
-      { ref: root, style: wrapperStyle(), className: `${rangeName}`, onClick: (e) => {
-        click(e);
-      } },
-      marksList.length > 0 ? React.createElement("div", { className: "nut-range-mark" }, marksList.map((marks2) => {
-        return React.createElement(
-          "span",
-          { key: marks2, className: markClassName(marks2), style: marksStyle(marks2) },
-          marks2,
-          React.createElement("span", { className: "nut-range-tick", style: tickStyle(marks2) })
-        );
-      })) : null,
-      React.createElement("div", { className: "nut-range-bar", style: barStyle() }, range ? [0, 1].map((item, index) => {
-        return React.createElement("div", { role: "slider", key: index, className: `${index === 0 ? "nut-range-button-wrapper-left" : ""}
-                  ${index === 1 ? "nut-range-button-wrapper-right" : ""}`, tabIndex: disabled ? -1 : 0, "aria-valuemin": +min, "aria-valuenow": curValue(index), "aria-valuemax": +max, "aria-orientation": vertical ? "vertical" : "horizontal", onTouchStart: (e) => {
-          if (typeof index === "number") {
-            SetButtonIndex(index);
-          }
-          onTouchStart(e);
-        }, onTouchMove: (e) => {
-          onTouchMove(e);
-        }, onTouchEnd: (e) => {
-          onTouchEnd();
-        }, onTouchCancel: (e) => {
-          onTouchEnd();
-        }, onClick: (e) => {
-          e.stopPropagation();
-        } }, button || React.createElement("div", { className: "nut-range-button", style: buttonStyle() }, !hiddenTag ? React.createElement("div", { className: "number" }, curValueDesc || curValue(index)) : null));
-      }) : React.createElement("div", { role: "slider", className: "nut-range-button-wrapper", tabIndex: disabled ? -1 : 0, "aria-valuemin": +min, "aria-valuenow": curValue(), "aria-valuemax": +max, "aria-orientation": vertical ? "vertical" : "horizontal", onTouchStart: (e) => {
-        onTouchStart(e);
-      }, onTouchMove: (e) => {
-        onTouchMove(e);
-      }, onTouchEnd: (e) => {
-        onTouchEnd();
-      }, onTouchCancel: (e) => {
-        onTouchEnd();
-      }, onClick: (e) => {
-        e.stopPropagation();
-      } }, button || React.createElement("div", { className: "nut-range-button", style: buttonStyle() }, !hiddenTag ? React.createElement("div", { className: "number" }, curValueDesc || curValue()) : null)))
-    ),
-    !hiddenRange ? React.createElement("div", { className: "max" }, maxDesc || +max) : null,
-    React.createElement(Toast, { type: "text", visible: show, msg: toastMsg, onClose: () => {
-      SetShow(false);
-    } })
-  );
-};
-Range.defaultProps = defaultProps;
-Range.displayName = "NutRange";
-export {
-  Range as R
-};

package/dist/esm/supports-passive-aaaf0eff.js

@@ -1,17 +0,0 @@
-import { c as canUseDom } from "./can-use-dom-0e539bd3.js";
-let passiveSupported = false;
-if (canUseDom) {
-  try {
-    const opts = Object.defineProperty({}, "passive", {
-      get() {
-        passiveSupported = true;
-      }
-    });
-    window.addEventListener("test-passive-supported", null, opts);
-  } catch (e) {
-    console.log(e);
-  }
-}
-export {
-  passiveSupported as p
-};