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

package/dist/esm/numberkeyboard.taro-0a0e866a.js

@@ -1,183 +0,0 @@
-import React, { useState, useEffect } from "react";
-import classNames from "classnames";
-import { c as cn } from "./bem-cdccae08.js";
-import { P as Popup } from "./popup.taro-e756f3fc.js";
-import { u as useConfig } from "./configprovider.taro-25758d9f.js";
-const defaultProps = {
-  confirmText: "",
-  title: "",
-  visible: false,
-  overlay: false,
-  type: "default",
-  customKey: [],
-  className: "",
-  randomKeys: false,
-  popClass: "",
-  onClose: () => {
-  }
-};
-const NumberKeyboard = (props) => {
-  const { locale } = useConfig();
-  const { title, confirmText, visible, overlay, type, customKey, randomKeys, popClass, style, className, onChange, onDelete, onClose } = props;
-  const b = cn("numberkeyboard");
-  const [show, setShow] = useState(visible);
-  const [clickKeyIndex, setClickKeyIndex] = useState(void 0);
-  const [keysList, setKeysList] = useState([]);
-  useEffect(() => {
-    setShow(visible);
-  }, [visible]);
-  const defaultKey = () => {
-    let leftBottomKey = {
-      id: "lock",
-      type: "lock"
-    };
-    if (customKey) {
-      const customKeys = Array.isArray(customKey) ? customKey : [customKey];
-      if (customKeys.length > 0) {
-        const newCustomKey = customKeys[0];
-        leftBottomKey = {
-          id: newCustomKey,
-          type: "custom"
-        };
-      }
-    }
-    return [
-      ...getBasicKeys(),
-      leftBottomKey,
-      { id: 0, type: "number" },
-      { id: "delete", type: "delete" }
-    ];
-  };
-  const getBasicKeys = () => {
-    const keys = [];
-    for (let i = 1; i <= 9; i++) {
-      keys.push({ id: i, type: "number" });
-    }
-    if (randomKeys) {
-      return keys.sort(() => Math.random() > 0.5 ? 1 : -1);
-    }
-    return keys;
-  };
-  const genCustomKeys = () => {
-    const keys = getBasicKeys();
-    if (!customKey)
-      return [];
-    let customKeys = Array.isArray(customKey) ? customKey : [customKey];
-    if (customKeys.length > 2) {
-      customKeys = [customKeys[0], customKeys[1]];
-    }
-    if (customKeys.length === 2 && props.title && props.type !== "rightColumn") {
-      customKeys = [customKeys[0]];
-    }
-    if (customKeys.length === 1) {
-      if (props.title && props.type !== "rightColumn") {
-        keys.push({ id: customKeys[0], type: "custom" }, { id: 0, type: "number" }, { id: "delete", type: "delete" });
-      } else {
-        keys.push({ id: 0, type: "number" }, { id: customKeys[0], type: "custom" });
-      }
-    } else if (customKeys.length === 2) {
-      keys.push({ id: customKeys[0], type: "custom" }, { id: 0, type: "number" }, { id: customKeys[1], type: "custom" });
-    }
-    return keys;
-  };
-  useEffect(() => {
-    if (props.type === "rightColumn" || props.title !== "") {
-      setKeysList(genCustomKeys());
-    } else {
-      setKeysList(defaultKey());
-    }
-  }, []);
-  const onTouchstart = (item, event) => {
-    event.stopPropagation();
-    setClickKeyIndex(item.id);
-    if (item.type === "number" || item.type === "custom") {
-      onChange && onChange(item.id);
-    }
-    if (item.type === "lock") {
-      onClose && onClose();
-    }
-    if (item.type === "delete") {
-      onDelete && onDelete();
-    }
-  };
-  const onTouchMove = (event) => {
-    event.stopPropagation();
-  };
-  const onTouchEnd = (event) => {
-    event.preventDefault();
-    setClickKeyIndex(void 0);
-  };
-  return React.createElement(
-    "div",
-    null,
-    React.createElement(
-      Popup,
-      { visible: show, overlay, position: "bottom", className: popClass, onClickOverlay: onClose, onClickCloseIcon: onClose, overlayStyle: { backgroundColor: "rgba(0, 0, 0, 0)" } },
-      React.createElement(
-        "div",
-        { className: `${b()} ${className}`, style: { ...style } },
-        title ? React.createElement(
-          "div",
-          { className: b("header") },
-          React.createElement("h3", { className: b("header__tit") }, title),
-          type === "default" ? React.createElement("span", { className: b("header__close"), onClick: onClose }, locale.done) : null
-        ) : null,
-        React.createElement(
-          "div",
-          { className: b("body") },
-          React.createElement("div", { className: b("body__keys") }, keysList == null ? void 0 : keysList.map((item, index) => {
-            return React.createElement(
-              "div",
-              { key: index, className: classNames({
-                "key-board-wrapper": true,
-                "key-board-wrapper-large": item.id === 0 && type === "rightColumn" && Array.isArray(customKey) && customKey.length === 1
-              }) },
-              React.createElement(
-                "div",
-                { className: classNames({
-                  key: true,
-                  active: item.id === clickKeyIndex,
-                  lock: item.type === "lock",
-                  delete: item.type === "delete"
-                }), onTouchStart: (event) => onTouchstart(item, event), onTouchMove, onTouchEnd },
-                item.type === "number" || item.type === "custom" ? React.createElement("div", null, item.id) : null,
-                item.type === "lock" ? React.createElement("img", { src: "https://img11.360buyimg.com/imagetools/jfs/t1/146371/38/8485/738/5f606425Eca239740/14f4b4f5f20d8a68.png", alt: "" }) : null,
-                item.type === "delete" ? React.createElement("img", { src: "https://img11.360buyimg.com/imagetools/jfs/t1/129395/8/12735/2030/5f61ac37E70cab338/fb477dc11f46056c.png", alt: "" }) : null
-              )
-            );
-          })),
-          type === "rightColumn" ? React.createElement(
-            "div",
-            { className: b("sidebar") },
-            React.createElement(
-              "div",
-              { className: "key-board-wrapper" },
-              React.createElement(
-                "div",
-                { className: classNames({
-                  key: true,
-                  active: clickKeyIndex === "delete"
-                }), onTouchStart: (event) => onTouchstart({ id: "delete", type: "delete" }, event), onTouchMove, onTouchEnd },
-                React.createElement("img", { src: "https://img11.360buyimg.com/imagetools/jfs/t1/129395/8/12735/2030/5f61ac37E70cab338/fb477dc11f46056c.png", alt: "" })
-              )
-            ),
-            React.createElement(
-              "div",
-              { className: "key-board-wrapper key-board-finish", onClick: onClose },
-              React.createElement("div", { className: classNames({
-                key: true,
-                finish: true,
-                activeFinsh: clickKeyIndex === "finish"
-              }) }, confirmText || locale.done)
-            )
-          ) : null
-        )
-      )
-    )
-  );
-};
-NumberKeyboard.defaultProps = defaultProps;
-NumberKeyboard.displayName = "NutNumberKeyboard";
-export {
-  NumberKeyboard as N
-};

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/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
-};