@nutui/nutui-react 2.7.0 → 3.0.0-beta.1

package/dist/esm/raf.js

@@ -1,26 +0,0 @@
-const inBrowser = typeof window !== "undefined";
-function requestAniFrame() {
-  if (inBrowser) {
-    const _window = window;
-    return _window.requestAnimationFrame || _window.webkitRequestAnimationFrame || function(callback) {
-      _window.setTimeout(callback, 1e3 / 60);
-    };
-  }
-  return (callback) => {
-    setTimeout(callback, 1e3 / 60);
-  };
-}
-function cancelRaf(id) {
-  if (inBrowser) {
-    const _window = window;
-    (_window.cancelAnimationFrame || _window.webkitCancelAnimationFrame)(id);
-  } else {
-    clearTimeout(id);
-  }
-}
-const requestAniFrame$1 = requestAniFrame();
-export {
-  cancelRaf as c,
-  inBrowser as i,
-  requestAniFrame$1 as r
-};

package/dist/esm/render.js

@@ -1,58 +0,0 @@
-import { a as __awaiter } from "./tslib.es6.js";
-import * as ReactDOM from "react-dom";
-const fullClone = Object.assign({}, ReactDOM);
-const { version, render: reactRender, unmountComponentAtNode } = fullClone;
-let createRoot;
-try {
-  const mainVersion = Number((version || "").split(".")[0]);
-  if (mainVersion >= 18 && fullClone.createRoot) {
-    createRoot = fullClone.createRoot;
-  }
-} catch (e) {
-}
-function toggleWarning(skip) {
-  const { __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED } = fullClone;
-  if (__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED && typeof __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED === "object") {
-    __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.usingClientEntryPoint = skip;
-  }
-}
-const MARK = "__nutui_react_root__";
-function legacyRender(node, container) {
-  reactRender(node, container);
-}
-function concurrentRender(node, container) {
-  toggleWarning(true);
-  const root = container[MARK] || createRoot(container);
-  toggleWarning(false);
-  root.render(node);
-  container[MARK] = root;
-}
-function render(node, container) {
-  if (createRoot) {
-    concurrentRender(node, container);
-    return;
-  }
-  legacyRender(node, container);
-}
-function legacyUnmount(container) {
-  return unmountComponentAtNode(container);
-}
-function concurrentUnmount(container) {
-  return __awaiter(this, void 0, void 0, function* () {
-    return Promise.resolve().then(() => {
-      var _a;
-      (_a = container[MARK]) === null || _a === void 0 ? void 0 : _a.unmount();
-      delete container[MARK];
-    });
-  });
-}
-function unmount(container) {
-  if (createRoot) {
-    return concurrentUnmount(container);
-  }
-  return legacyUnmount(container);
-}
-export {
-  render as r,
-  unmount as u
-};

package/dist/esm/safearea2.js

@@ -1,10 +0,0 @@
-import React__default from "react";
-import classNames from "classnames";
-const classPrefix = "nut-safe-area";
-const SafeArea = (props) => {
-  return React__default.createElement("div", { className: classNames(classPrefix, `${classPrefix}-position-${props.position}`) });
-};
-SafeArea.displayName = "NutSafeArea";
-export {
-  SafeArea as S
-};

package/dist/esm/supports-passive.js

@@ -1,17 +0,0 @@
-import { c as canUseDom } from "./can-use-dom.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
-};

package/dist/esm/tabbaritem2.js

@@ -1,58 +0,0 @@
-import { _ as __rest } from "./tslib.es6.js";
-import React__default, { useContext } from "react";
-import classNames from "classnames";
-import { C as ComponentDefaults } from "./typings.js";
-import { B as Badge } from "./badge2.js";
-const TabbarContext = React__default.createContext(null);
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { title: "", icon: null, value: "", dot: false, max: 99, top: "0", right: "5" });
-const TabbarItem = (props) => {
-  const ctx = useContext(TabbarContext);
-  const _a = Object.assign(Object.assign({}, defaultProps), props), {
-    className,
-    style,
-    title,
-    icon,
-    value,
-    dot,
-    max,
-    top,
-    right,
-    // @ts-ignore
-    index
-  } = _a, rest = __rest(_a, ["className", "style", "title", "icon", "value", "dot", "max", "top", "right", "index"]);
-  const active = index === (ctx === null || ctx === void 0 ? void 0 : ctx.selectIndex);
-  const classPrefix = "nut-tabbar-item";
-  const tabbarItemClass = classNames(classPrefix, {
-    [`${classPrefix}-active`]: active
-  }, className);
-  const boxPrefix = `${classPrefix}-icon-box`;
-  const titleClass = classNames(boxPrefix, `${boxPrefix}-nav`, {
-    [`${boxPrefix}-large`]: !icon
-  });
-  const badgeProps = {
-    value,
-    dot,
-    max,
-    top,
-    right,
-    color: ctx === null || ctx === void 0 ? void 0 : ctx.activeColor
-  };
-  return React__default.createElement("div", Object.assign({ className: tabbarItemClass, style: Object.assign({ color: active ? ctx === null || ctx === void 0 ? void 0 : ctx.activeColor : ctx === null || ctx === void 0 ? void 0 : ctx.inactiveColor }, style), onClick: () => ctx === null || ctx === void 0 ? void 0 : ctx.handleClick(index) }, rest), icon ? React__default.createElement(
-    React__default.Fragment,
-    null,
-    React__default.createElement(
-      Badge,
-      Object.assign({}, badgeProps),
-      React__default.createElement("div", { className: boxPrefix }, icon)
-    ),
-    React__default.createElement("div", { className: titleClass }, title)
-  ) : React__default.createElement(
-    Badge,
-    Object.assign({}, badgeProps),
-    React__default.createElement("div", { className: titleClass }, title)
-  ));
-};
-export {
-  TabbarItem as T,
-  TabbarContext as a
-};

package/dist/esm/tabs2.js

@@ -1,165 +0,0 @@
-import { _ as __rest } from "./tslib.es6.js";
-import React__default, { useRef, useEffect } from "react";
-import classNames from "classnames";
-import { JoySmile } from "@nutui/icons-react";
-import { C as ComponentDefaults } from "./typings.js";
-import TabPane__default from "./TabPane.js";
-import { r as requestAniFrame } from "./raf.js";
-import { u as usePropsValue, a as useForceUpdate } from "./use-props-value.js";
-import { a as useRtl } from "./configprovider2.js";
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { tabStyle: {}, activeColor: "", direction: "horizontal", activeType: "line", duration: 300, autoHeight: false });
-const classPrefix = "nut-tabs";
-const Tabs = (props) => {
-  const rtl = useRtl();
-  const _a = Object.assign(Object.assign({}, defaultProps), props), { activeColor, tabStyle, direction, activeType, duration, align, title, children, onClick, onChange, className, autoHeight, value: outerValue, defaultValue: outerDefaultValue } = _a, rest = __rest(_a, ["activeColor", "tabStyle", "direction", "activeType", "duration", "align", "title", "children", "onClick", "onChange", "className", "autoHeight", "value", "defaultValue"]);
-  const [value, setValue] = usePropsValue({
-    value: outerValue,
-    defaultValue: outerDefaultValue,
-    finalValue: 0,
-    onChange
-  });
-  const titleItemsRef = useRef([]);
-  const navRef = useRef(null);
-  const scrollDirection = (nav, to, duration2, direction2) => {
-    let count = 0;
-    const from = direction2 === "horizontal" ? nav.scrollLeft : nav.scrollTop;
-    const frames = Math.round(duration2 * 1e3 / 16);
-    function animate() {
-      if (direction2 === "horizontal") {
-        nav.scrollLeft += (to - from) / frames;
-      } else {
-        nav.scrollTop += (to - from) / frames;
-      }
-      if (++count < frames) {
-        requestAniFrame(animate);
-      }
-    }
-    animate();
-  };
-  const scrollIntoView = (index, immediate) => {
-    const nav = navRef.current;
-    const titleItem = titleItemsRef.current;
-    const titlesLength = titles.current.length;
-    const itemLength = titleItemsRef.current.length;
-    if (!nav || !titleItem || !titleItem[itemLength - titlesLength + index]) {
-      return;
-    }
-    const title2 = titleItem[itemLength - titlesLength + index];
-    let to = 0;
-    if (direction === "vertical") {
-      const runTop = title2.offsetTop - nav.offsetTop + 10;
-      to = runTop - (nav.offsetHeight - title2.offsetHeight) / 2;
-    } else {
-      to = title2.offsetLeft - (nav.offsetWidth - title2.offsetWidth) / 2;
-    }
-    scrollDirection(nav, to, 0.3, direction);
-  };
-  const getTitles = () => {
-    const titles2 = [];
-    React__default.Children.forEach(children, (child, idx) => {
-      if (React__default.isValidElement(child)) {
-        const props2 = child === null || child === void 0 ? void 0 : child.props;
-        if ((props2 === null || props2 === void 0 ? void 0 : props2.title) || (props2 === null || props2 === void 0 ? void 0 : props2.value)) {
-          titles2.push({
-            title: props2.title,
-            value: props2.value || idx,
-            disabled: props2.disabled
-          });
-        }
-      }
-    });
-    return titles2;
-  };
-  const titles = useRef(getTitles());
-  const forceUpdate = useForceUpdate();
-  useEffect(() => {
-    titles.current = getTitles();
-    let current = "";
-    titles.current.forEach((title2) => {
-      if (title2.value === value) {
-        current = value;
-      }
-    });
-    if (current !== "" && current !== value) {
-      setValue(current);
-    } else {
-      forceUpdate();
-    }
-  }, [children]);
-  const classes = classNames(classPrefix, `${classPrefix}-${direction}`, className);
-  const classesTitle = classNames(`${classPrefix}-titles`, {
-    [`${classPrefix}-titles-${activeType}`]: activeType,
-    [`${classPrefix}-titles-scrollable`]: true,
-    [`${classPrefix}-titles-${align}`]: align
-  });
-  const tabsActiveStyle = {
-    color: activeType === "smile" ? activeColor : "",
-    background: activeType === "line" ? activeColor : ""
-  };
-  const getContentStyle = () => {
-    let index = titles.current.findIndex((t) => t.value == value);
-    index = index < 0 ? 0 : index;
-    return {
-      transform: direction === "horizontal" ? `translate3d(${rtl ? "" : "-"}${index * 100}%, 0, 0)` : `translate3d( 0,-${index * 100}%, 0)`,
-      transitionDuration: `${duration}ms`
-    };
-  };
-  useEffect(() => {
-    let index = titles.current.findIndex((t) => t.value == value);
-    index = index < 0 ? 0 : index;
-    setTimeout(() => {
-      scrollIntoView(index);
-    });
-  }, [value]);
-  const tabChange = (item) => {
-    onClick && onClick(item.value);
-    if (item.disabled) {
-      return;
-    }
-    setValue(item.value);
-  };
-  return React__default.createElement(
-    "div",
-    Object.assign({ className: classes }, rest),
-    React__default.createElement("div", { className: classesTitle, style: Object.assign({}, tabStyle), ref: navRef }, !!title && typeof title === "function" ? title() : titles.current.map((item) => {
-      return React__default.createElement(
-        "div",
-        { onClick: () => {
-          tabChange(item);
-        }, className: classNames(`${classPrefix}-titles-item`, {
-          [`nut-tabs-titles-item-active`]: !item.disabled && String(item.value) === String(value),
-          [`nut-tabs-titles-item-disabled`]: item.disabled,
-          [`nut-tabs-titles-item-${align}`]: align
-        }), ref: (ref) => titleItemsRef.current.push(ref), key: item.value },
-        activeType === "line" && React__default.createElement("div", { className: classNames(`${classPrefix}-titles-item-line`, {
-          [`${classPrefix}-titles-item-line-${direction}`]: true
-        }), style: tabsActiveStyle }),
-        activeType === "smile" && React__default.createElement(
-          "div",
-          { className: `${classPrefix}-titles-item-smile`, style: tabsActiveStyle },
-          React__default.createElement(JoySmile, { color: activeColor, width: 40, height: 20 })
-        ),
-        React__default.createElement("div", { className: classNames(`${classPrefix}-ellipsis`, `${classPrefix}-titles-item-text`) }, item.title)
-      );
-    })),
-    React__default.createElement(
-      "div",
-      { className: `${classPrefix}-content-wrap` },
-      React__default.createElement("div", { className: `${classPrefix}-content`, style: getContentStyle() }, React__default.Children.map(children, (child, idx) => {
-        if (!React__default.isValidElement(child)) {
-          return null;
-        }
-        let childProps = Object.assign(Object.assign({}, child.props), { active: value === child.props.value });
-        if (String(value) !== String(child.props.value || idx) && autoHeight) {
-          childProps = Object.assign(Object.assign({}, childProps), { autoHeightClassName: "inactive" });
-        }
-        return React__default.cloneElement(child, childProps);
-      }))
-    )
-  );
-};
-Tabs.displayName = "NutTabs";
-Tabs.TabPane = TabPane__default;
-export {
-  Tabs as T
-};

package/dist/esm/tslib.es6.js

@@ -1,46 +0,0 @@
-function __rest(s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-    t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function")
-    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-        t[p[i]] = s[p[i]];
-    }
-  return t;
-}
-function __awaiter(thisArg, _arguments, P, generator) {
-  function adopt(value) {
-    return value instanceof P ? value : new P(function(resolve) {
-      resolve(value);
-    });
-  }
-  return new (P || (P = Promise))(function(resolve, reject) {
-    function fulfilled(value) {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    }
-    function rejected(value) {
-      try {
-        step(generator["throw"](value));
-      } catch (e) {
-        reject(e);
-      }
-    }
-    function step(result) {
-      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
-    }
-    step((generator = generator.apply(thisArg, _arguments || [])).next());
-  });
-}
-typeof SuppressedError === "function" ? SuppressedError : function(error, suppressed, message) {
-  var e = new Error(message);
-  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-export {
-  __rest as _,
-  __awaiter as a
-};

package/dist/esm/typings.js

@@ -1,7 +0,0 @@
-const ComponentDefaults = {
-  className: "",
-  style: {}
-};
-export {
-  ComponentDefaults as C
-};

package/dist/esm/use-click-away.js

@@ -1,40 +0,0 @@
-import { useEffect } from "react";
-import { i as isFunction } from "./index.js";
-const getTargetElement = (target) => {
-  let targetElement;
-  if (isFunction(target)) {
-    targetElement = target();
-  } else if ("current" in target) {
-    targetElement = target.current;
-  } else {
-    targetElement = target;
-  }
-  return targetElement;
-};
-function useClickAway(onClickAway, target, eventName = "click", useCapture, isListener, outerVar) {
-  const handler = (event) => {
-    const targets = Array.isArray(target) ? target : [target];
-    if (targets.some((item) => {
-      const targetElement = getTargetElement(item);
-      return !targetElement || targetElement.contains(event.target);
-    })) {
-      return;
-    }
-    if (outerVar) {
-      onClickAway();
-    }
-  };
-  useEffect(() => {
-    if (isListener) {
-      window.addEventListener(eventName, handler, useCapture);
-    } else {
-      window.removeEventListener(eventName, handler, useCapture);
-    }
-    return () => {
-      window.removeEventListener(eventName, handler, useCapture);
-    };
-  }, [target]);
-}
-export {
-  useClickAway as u
-};

package/dist/esm/use-client-rect.js

@@ -1,32 +0,0 @@
-function isWindow(val) {
-  return val === window;
-}
-const getRect = (elementRef) => {
-  const element = elementRef;
-  if (isWindow(element)) {
-    const width = element.innerWidth;
-    const height = element.innerHeight;
-    return {
-      top: 0,
-      left: 0,
-      right: width,
-      bottom: height,
-      width,
-      height
-    };
-  }
-  if (element && element.getBoundingClientRect) {
-    return element.getBoundingClientRect();
-  }
-  return {
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    width: 0,
-    height: 0
-  };
-};
-export {
-  getRect as g
-};

package/dist/esm/use-props-value.js

@@ -1,27 +0,0 @@
-import React__default, { useRef, useCallback } from "react";
-function useForceUpdate() {
-  const [, updateState] = React__default.useState();
-  return React__default.useCallback(() => updateState({}), []);
-}
-function usePropsValue({ value, defaultValue, finalValue, onChange = (value2) => {
-} }) {
-  const forceUpdate = useForceUpdate();
-  const dfValue = defaultValue !== void 0 ? defaultValue : finalValue;
-  const stateRef = useRef(value !== void 0 ? value : dfValue);
-  if (value !== void 0) {
-    stateRef.current = value;
-  }
-  const setState = useCallback((v, forceTrigger = false) => {
-    const prevState = stateRef.current;
-    stateRef.current = v;
-    if (prevState !== stateRef.current || forceTrigger) {
-      forceUpdate();
-      onChange === null || onChange === void 0 ? void 0 : onChange(v);
-    }
-  }, [value, onChange]);
-  return [stateRef.current, setState];
-}
-export {
-  useForceUpdate as a,
-  usePropsValue as u
-};

package/dist/esm/use-refs.js

@@ -1,15 +0,0 @@
-import React__default from "react";
-function useRefs() {
-  const refs = React__default.useRef([]);
-  const setRefs = React__default.useCallback((index) => (el) => {
-    if (el)
-      refs.current[index] = el;
-  }, []);
-  const reset = React__default.useCallback(() => {
-    refs.current = [];
-  }, []);
-  return [refs.current, setRefs, reset];
-}
-export {
-  useRefs as u
-};

package/dist/esm/use-touch.js

@@ -1,78 +0,0 @@
-import { useRef } from "react";
-const MIN_DISTANCE = 10;
-function getDirection(x, y) {
-  if (x > y && x > MIN_DISTANCE) {
-    return "horizontal";
-  }
-  if (y > x && y > MIN_DISTANCE) {
-    return "vertical";
-  }
-  return "";
-}
-function useTouch() {
-  const startX = useRef(0);
-  const startY = useRef(0);
-  const deltaX = useRef(0);
-  const deltaY = useRef(0);
-  const delta = useRef(0);
-  const offsetX = useRef(0);
-  const offsetY = useRef(0);
-  const direction = useRef("");
-  const last = useRef(false);
-  const velocity = useRef(0);
-  const touchTime = useRef(Date.now());
-  const isVertical = () => direction.current === "vertical";
-  const isHorizontal = () => direction.current === "horizontal";
-  const reset = () => {
-    touchTime.current = Date.now();
-    deltaX.current = 0;
-    deltaY.current = 0;
-    offsetX.current = 0;
-    offsetY.current = 0;
-    delta.current = 0;
-    direction.current = "";
-    last.current = false;
-  };
-  const start = (event) => {
-    reset();
-    touchTime.current = Date.now();
-    startX.current = event.touches[0].clientX;
-    startY.current = event.touches[0].clientY;
-  };
-  const move = (event) => {
-    const touch = event.touches[0];
-    deltaX.current = touch.clientX < 0 ? 0 : touch.clientX - startX.current;
-    deltaY.current = touch.clientY - startY.current;
-    offsetX.current = Math.abs(deltaX.current);
-    offsetY.current = Math.abs(deltaY.current);
-    delta.current = isVertical() ? deltaY.current : deltaX.current;
-    if (!direction.current) {
-      direction.current = getDirection(offsetX.current, offsetY.current);
-    }
-  };
-  const end = (event) => {
-    last.current = true;
-    velocity.current = Math.sqrt(Math.pow(deltaX.current, 2) + Math.pow(deltaY.current, 2)) / (Date.now() - touchTime.current);
-  };
-  return {
-    end,
-    move,
-    start,
-    reset,
-    touchTime,
-    startX,
-    startY,
-    deltaX,
-    deltaY,
-    delta,
-    offsetX,
-    offsetY,
-    direction,
-    isVertical,
-    isHorizontal,
-    last
-  };
-}
-export {
-  useTouch as u
-};

package/dist/locales/base.js

@@ -1,5 +0,0 @@
-/*!
-* @nutui/nutui-react v2.7.0 Fri Nov 01 2024 15:59:45 GMT+0800 (China Standard Time)
-* (c) 2023 @jdf2e.
-* Released under the MIT License.
-*/