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

package/dist/esm/Dialog.js

@@ -1,224 +0,0 @@
-import { _ as __rest, a as __awaiter } from "./tslib.es6.js";
-import React__default, { forwardRef, useState } from "react";
-import classNames from "classnames";
-import { Close } from "@nutui/icons-react";
-import Button__default from "./Button.js";
-import { r as render, u as unmount } from "./render.js";
-import { CSSTransition } from "react-transition-group";
-import { d as defaultOverlayProps } from "./overlay2.js";
-import { C as ComponentDefaults } from "./typings.js";
-import Overlay__default from "./Overlay.js";
-import { m as mergeProps } from "./merge-props.js";
-import { useConfig } from "./ConfigProvider.js";
-function ConfirmDialog(props) {
-  return React__default.createElement(Dialog, Object.assign({}, props), props.content);
-}
-const normalizeConfig = (config) => {
-  if (config.isNotice) {
-    let { icon } = config;
-    if (!icon && icon !== null) {
-      switch (config.noticeType) {
-        case "alert":
-          icon = "";
-          break;
-      }
-    }
-    config.hideCancelButton = true;
-  }
-  return config;
-};
-const confirm = (config, renderFunc) => {
-  const div = document.createElement("div");
-  document.body.appendChild(div);
-  let dialogConfig = Object.assign(Object.assign({}, config), { visible: false });
-  const render$1 = (props, callback) => {
-    render(React__default.createElement(ConfirmDialog, Object.assign({}, props, { onCancel: () => onCancel() })), div);
-    callback && callback();
-  };
-  const renderFunction = render$1;
-  const onConfirm = () => {
-    const _onConfirm = config.onConfirm || config.onConfirm;
-    const ret = _onConfirm === null || _onConfirm === void 0 ? void 0 : _onConfirm();
-    if (ret && ret.then) {
-      renderFunction(dialogConfig);
-      return ret.then(() => {
-        onCancel(true);
-      }, (e) => {
-        console.error(e);
-        renderFunction(dialogConfig);
-      });
-    }
-    if (!ret) {
-      onCancel(true);
-    }
-  };
-  dialogConfig.onConfirm = onConfirm;
-  dialogConfig = normalizeConfig(dialogConfig);
-  dialogConfig.visible = true;
-  renderFunction(dialogConfig);
-  const destroy = () => {
-    unmount(div);
-    if (div === null || div === void 0 ? void 0 : div.parentNode) {
-      div.parentNode.removeChild(div);
-    }
-  };
-  const onCancel = (confirm2) => {
-    !confirm2 && config.onCancel && config.onCancel();
-    dialogConfig.visible = false;
-    dialogConfig.onClose = () => {
-      config.onClose && config.onClose();
-    };
-    renderFunction(dialogConfig, () => {
-      destroy();
-    });
-  };
-  const update = (newConfig) => {
-    dialogConfig = Object.assign(Object.assign(Object.assign({}, dialogConfig), { title: config.title }), newConfig);
-    dialogConfig = normalizeConfig(dialogConfig);
-    renderFunction(dialogConfig);
-  };
-  const close = () => {
-    dialogConfig.visible = false;
-    dialogConfig.onClose = () => {
-      config.onClose && config.onClose();
-      destroy();
-    };
-    renderFunction(dialogConfig);
-  };
-  return {
-    close,
-    update
-  };
-};
-const Content = (props) => {
-  const { visible, title, header, footer, close, footerDirection, onClick, children } = props;
-  const classPrefix = "nut-dialog";
-  const renderHeader = () => {
-    return title ? React__default.createElement("div", { className: `${classPrefix}-header` }, title) : null;
-  };
-  const renderFooter = () => {
-    return footer ? React__default.createElement("div", { className: classNames(`${classPrefix}-footer`, {
-      [footerDirection]: footerDirection
-    }) }, footer) : null;
-  };
-  const handleClick = (e) => {
-    onClick && onClick(e);
-  };
-  return React__default.createElement(
-    "div",
-    { className: classNames(`${classPrefix}-outer`, props.className), style: props.style, onClick: (e) => handleClick(e) },
-    close,
-    header,
-    React__default.createElement(
-      "div",
-      { className: classPrefix, style: { display: visible ? "flex" : "none" } },
-      renderHeader(),
-      React__default.createElement(
-        "div",
-        { className: `${classPrefix}-content` },
-        React__default.createElement(React__default.Fragment, null, children)
-      ),
-      renderFooter()
-    )
-  );
-};
-Content.displayName = "NutContent";
-const defaultDialogProps = Object.assign(Object.assign(Object.assign({}, ComponentDefaults), { overlay: true, overlayStyle: {}, overlayClassName: "", onCancel: () => {
-}, onClose: () => {
-}, onOverlayClick: (e) => true }), defaultOverlayProps);
-const DialogWrap = (props) => {
-  const { visible, overlay, overlayStyle, overlayClassName, closeOnOverlayClick, lockScroll, onClose, onCancel, onOverlayClick } = mergeProps(defaultDialogProps, props);
-  const onHandleClickOverlay = (e) => {
-    if (closeOnOverlayClick && visible && e.target === e.currentTarget) {
-      const closed = onOverlayClick && onOverlayClick(e);
-      closed && (onClose === null || onClose === void 0 ? void 0 : onClose());
-      closed && (onCancel === null || onCancel === void 0 ? void 0 : onCancel());
-    }
-  };
-  return React__default.createElement(
-    React__default.Fragment,
-    null,
-    overlay ? React__default.createElement(Overlay__default, { style: overlayStyle, className: classNames("nut-dialog-overlay", overlayClassName), visible, closeOnOverlayClick, lockScroll, onClick: onHandleClickOverlay }) : null,
-    React__default.createElement(
-      CSSTransition,
-      { in: visible, timeout: 300, classNames: "fadeDialog", unmountOnExit: true, appear: true },
-      React__default.createElement(Content, Object.assign({}, props, { visible }))
-    )
-  );
-};
-DialogWrap.displayName = "NutDialogWrap";
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { confirmText: "", cancelText: "", overlay: true, closeOnOverlayClick: true, hideConfirmButton: false, hideCancelButton: false, disableConfirmButton: false, footerDirection: "horizontal", lockScroll: true, closeIconPosition: "bottom", closeIcon: false, beforeCancel: () => true, beforeClose: () => true });
-const BaseDialog = (props, ref) => {
-  const { locale } = useConfig();
-  const _a = mergeProps(defaultProps, props), { visible, footer, hideConfirmButton, hideCancelButton, lockScroll, disableConfirmButton, closeOnOverlayClick, confirmText, cancelText, closeIconPosition, closeIcon, onClose, onCancel, onConfirm, beforeCancel, beforeClose } = _a;
-  __rest(_a, ["visible", "footer", "hideConfirmButton", "hideCancelButton", "lockScroll", "disableConfirmButton", "closeOnOverlayClick", "confirmText", "cancelText", "closeIconPosition", "closeIcon", "onClose", "onCancel", "onConfirm", "beforeCancel", "beforeClose"]);
-  const classPrefix = "nut-dialog";
-  const [loading, setLoading] = useState(false);
-  const renderFooter = () => {
-    if (footer === null)
-      return "";
-    const handleCancel = (e) => {
-      e.stopPropagation();
-      if (!(beforeCancel === null || beforeCancel === void 0 ? void 0 : beforeCancel()))
-        return;
-      if (!(beforeClose === null || beforeClose === void 0 ? void 0 : beforeClose()))
-        return;
-      onClose === null || onClose === void 0 ? void 0 : onClose();
-      onCancel === null || onCancel === void 0 ? void 0 : onCancel();
-    };
-    const handleOk = (e) => __awaiter(void 0, void 0, void 0, function* () {
-      e.stopPropagation();
-      setLoading(true);
-      try {
-        yield onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm(e);
-        setLoading(false);
-        onClose === null || onClose === void 0 ? void 0 : onClose();
-      } catch (_a2) {
-        setLoading(false);
-      }
-    });
-    return footer || React__default.createElement(
-      React__default.Fragment,
-      null,
-      !hideCancelButton && React__default.createElement(Button__default, { type: "default", className: `${classPrefix}-footer-cancel`, onClick: (e) => handleCancel(e) }, cancelText || locale.cancel),
-      !hideConfirmButton && React__default.createElement(Button__default, { type: "primary", className: classNames(`${classPrefix}-footer-ok`, {
-        disabled: disableConfirmButton
-      }), disabled: disableConfirmButton, onClick: (e) => handleOk(e), loading }, confirmText || locale.confirm)
-    );
-  };
-  const renderCloseIcon = () => {
-    if (!closeIcon)
-      return null;
-    const handleCancel = () => {
-      if (!(beforeCancel === null || beforeCancel === void 0 ? void 0 : beforeCancel()))
-        return;
-      if (!(beforeClose === null || beforeClose === void 0 ? void 0 : beforeClose()))
-        return;
-      onClose === null || onClose === void 0 ? void 0 : onClose();
-      onCancel === null || onCancel === void 0 ? void 0 : onCancel();
-    };
-    const closeClasses = classNames({
-      [`${classPrefix}-close`]: true,
-      [`${classPrefix}-close-${closeIconPosition}`]: true
-    });
-    return React__default.createElement("div", { className: closeClasses, onClick: handleCancel }, React__default.isValidElement(closeIcon) ? closeIcon : React__default.createElement(Close, null));
-  };
-  return React__default.createElement(
-    "div",
-    { style: { display: visible ? "block" : "none" } },
-    React__default.createElement(DialogWrap, Object.assign({}, props, { visible, lockScroll, footer: renderFooter(), close: renderCloseIcon(), onClose, onCancel }))
-  );
-};
-const Dialog = forwardRef(BaseDialog);
-Dialog.confirm = (props) => {
-  return confirm(props);
-};
-["alert"].forEach((type) => {
-  Dialog[type] = (props) => {
-    return confirm(Object.assign(Object.assign({}, props), { isNotice: false, noticeType: type }));
-  };
-});
-Dialog.displayName = "NutDialog";
-export {
-  Dialog as default
-};

package/dist/esm/Divider/style/index.js

@@ -1,2 +0,0 @@
-
-import '../../../packages/divider/divider.scss'

package/dist/esm/Divider/style/style.css

@@ -1 +0,0 @@
-.nut-divider{display:flex;align-items:center;font-size:var(--nutui-divider-text-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-divider-text-color, var(--nutui-gray-6, #595959));margin:var(--nutui-divider-margin, 16px 0);border:0 solid var(--nutui-divider-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)));width:100%}.nut-divider:before,.nut-divider:after{content:"";border-style:inherit;border-color:inherit;border-width:var(--nutui-divider-line-height, 2px) 0 0;height:var(--nutui-divider-line-height, 2px);flex:1}.nut-divider-center:before,.nut-divider-left:before,.nut-divider-right:before{margin-right:var(--nutui-divider-spacing, 8px)}.nut-divider-center:after,.nut-divider-left:after,.nut-divider-right:after{margin-left:var(--nutui-divider-spacing, 8px)}.nut-divider-left:before{max-width:var(--nutui-divider-side-width, 10%)}.nut-divider-right:after{max-width:var(--nutui-divider-side-width, 10%)}.nut-divider-hairline:before,.nut-divider-hairline:after{transform:scaleY(.5)}.nut-divider-vertical{display:inline-block;width:auto;height:var(--nutui-divider-vertical-height, 12px);border-left:1px solid var(--nutui-divider-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)));margin:var(--nutui-divider-vertical-margin, 0 8px);vertical-align:middle}[dir=rtl] .nut-divider-center:before,[dir=rtl] .nut-divider-left:before,[dir=rtl] .nut-divider-right:before,.nut-rtl .nut-divider-center:before,.nut-rtl .nut-divider-left:before,.nut-rtl .nut-divider-right:before{margin-right:0;margin-left:var(--nutui-divider-spacing, 8px)}[dir=rtl] .nut-divider-center:after,[dir=rtl] .nut-divider-left:after,[dir=rtl] .nut-divider-right:after,.nut-rtl .nut-divider-center:after,.nut-rtl .nut-divider-left:after,.nut-rtl .nut-divider-right:after{margin-left:0;margin-right:var(--nutui-divider-spacing, 8px)}[dir=rtl] .nut-divider-vertical,.nut-rtl .nut-divider-vertical{border-left:none;border-right:1px solid var(--nutui-divider-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))}

package/dist/esm/Divider.js

@@ -1,24 +0,0 @@
-import { _ as __rest } from "./tslib.es6.js";
-import React__default from "react";
-import classNames from "classnames";
-import { C as ComponentDefaults } from "./typings.js";
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { contentPosition: "center", direction: "horizontal" });
-const classPrefix = `nut-divider`;
-const Divider = (props) => {
-  const _a = Object.assign(Object.assign({}, defaultProps), props), { children, contentPosition, style, className, direction } = _a, rest = __rest(_a, ["children", "contentPosition", "style", "className", "direction"]);
-  const classes = direction === "horizontal" ? classNames({
-    [`${classPrefix}`]: true,
-    [`${classPrefix}-center`]: children,
-    [`${classPrefix}-left`]: contentPosition === "left",
-    [`${classPrefix}-right`]: contentPosition === "right",
-    [`${classPrefix}-hairline`]: true
-  }) : classNames({
-    [`${classPrefix}`]: true,
-    [`${classPrefix}-vertical`]: direction === "vertical"
-  });
-  return React__default.createElement("div", Object.assign({ className: `${classes} ${className || ""}`, style }, rest), children);
-};
-Divider.displayName = "NutDivider";
-export {
-  Divider as default
-};

package/dist/esm/Drag/style/index.js

@@ -1,2 +0,0 @@
-
-import '../../../packages/drag/drag.scss'

package/dist/esm/Drag/style/style.css

@@ -1 +0,0 @@
-.nut-drag{position:fixed;z-index:9997!important;width:0;height:0;touch-action:none;-webkit-user-select:none;user-select:none;font-size:0}.nut-drag-inner{display:inline-flex;width:fit-content;height:fit-content}

package/dist/esm/Drag.js

@@ -1,74 +0,0 @@
-import { _ as __rest } from "./tslib.es6.js";
-import React__default, { useState, useRef, useEffect } from "react";
-import { useDrag } from "@use-gesture/react";
-import { useSpring, animated } from "@react-spring/web";
-import { C as ComponentDefaults } from "./typings.js";
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { attract: false, direction: void 0, boundary: {
-  top: 0,
-  left: 0,
-  right: 0,
-  bottom: 0
-} });
-const Drag = (props) => {
-  const _a = Object.assign(Object.assign({}, defaultProps), props), { attract, direction, boundary, onDrag, onDragStart, onDragEnd, children, className, style } = _a, reset = __rest(_a, ["attract", "direction", "boundary", "onDrag", "onDragStart", "onDragEnd", "children", "className", "style"]);
-  const classPrefix = "nut-drag";
-  const [boundaryState, setBoundaryState] = useState(boundary);
-  const myDrag = useRef(null);
-  const [currstyle, api] = useSpring(() => ({
-    x: 0,
-    y: 0
-  }));
-  const middleLine = useRef(0);
-  const getInfo = () => {
-    const el = myDrag.current;
-    if (el) {
-      const { offsetTop, offsetLeft } = el;
-      const { offsetWidth, offsetHeight } = el.querySelector(`.${classPrefix}-inner`);
-      const { clientWidth, clientHeight } = document.documentElement;
-      const { top, left, bottom, right } = boundary;
-      setBoundaryState({
-        top: -offsetTop + top,
-        left: -offsetLeft + left,
-        bottom: clientHeight - offsetHeight - offsetTop - bottom,
-        right: clientWidth - offsetWidth - offsetLeft - right
-      });
-      middleLine.current = clientWidth - offsetWidth - offsetLeft - (clientWidth - offsetWidth) / 2;
-    }
-  };
-  const bind = useDrag((state) => {
-    const { down, last, offset: [x, y], first } = state;
-    first && (onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart());
-    onDrag === null || onDrag === void 0 ? void 0 : onDrag({ offset: [x, y] });
-    last && (onDragEnd === null || onDragEnd === void 0 ? void 0 : onDragEnd({ offset: [x, y] }));
-    api.start({ x, y, immediate: down });
-    if (last) {
-      if (direction !== "y" && attract) {
-        if (x < middleLine.current) {
-          api.start({ x: boundaryState.left, y, immediate: down });
-        } else {
-          api.start({
-            x: boundaryState.right,
-            y,
-            immediate: down
-          });
-        }
-      }
-    }
-  }, {
-    from: () => [currstyle.x.get(), currstyle.y.get()],
-    axis: direction,
-    bounds: boundaryState
-  });
-  useEffect(() => {
-    getInfo();
-  }, [myDrag]);
-  return React__default.createElement(
-    "div",
-    Object.assign({ style, className: `${classPrefix} ${className}` }, reset, { ref: myDrag }),
-    React__default.createElement(animated.div, Object.assign({ style: currstyle }, bind(), { className: `${classPrefix}-inner` }), children)
-  );
-};
-Drag.displayName = "NutDrag";
-export {
-  Drag as default
-};

package/dist/esm/Elevator/style/index.js

@@ -1,2 +0,0 @@
-
-import '../../../packages/elevator/elevator.scss'

package/dist/esm/Elevator/style/style.css

@@ -1 +0,0 @@
-.nut-elevator{width:100%;display:block;position:relative;overflow:hidden}.nut-elevator-list{display:block;position:relative;top:0;overflow:hidden;font-size:var(--nutui-elevator-list-font-size, var(--nutui-font-size-2, 12px));color:var(--nutui-elevator-list-color, var(--nutui-gray-7, #1a1a1a))}.nut-elevator-list-inner{height:100%;width:100%;display:block;background-color:var(--nutui-elevator-list-bg-color, #ffffff);overflow:auto}.nut-elevator-list-item{display:block}.nut-elevator-list-item-code{display:flex;position:relative;height:var(--nutui-elevator-list-item-code-height, 35px);line-height:var(--nutui-elevator-list-item-code-line-height, 35px);font-size:var(--nutui-elevator-list-item-code-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-elevator-list-item-code-color, var(--nutui-gray-7, #1a1a1a));padding:var(--nutui-elevator-list-item-padding, 0 20px);font-weight:var(--nutui-elevator-list-item-code-font-weight, var(--nutui-font-weight-bold, 500));box-sizing:border-box;border-bottom:var(--nutui-elevator-list-item-code-border-bottom, 1px solid var(--nutui-black-3, rgba(0, 0, 0, .06)));background-color:var(--nutui-elevator-list-item-code-background-color, inherit)}.nut-elevator-list-item-name{display:flex;align-items:center;padding:var(--nutui-elevator-list-item-padding, 0 20px);height:var(--nutui-elevator-list-item-name-height, 30px);line-height:var(--nutui-elevator-list-item-name-line-height, 30px)}.nut-elevator-list-item-name-highcolor{color:var(--nutui-color-primary, #fa2c19)}.nut-elevator-list-fixed{width:100%;position:absolute;top:0;left:0;z-index:1;padding:var(--nutui-elevator-list-item-padding, 0 20px);height:var(--nutui-elevator-list-item-code-height, 35px);line-height:var(--nutui-elevator-list-item-code-line-height, 35px);font-size:var(--nutui-elevator-list-item-code-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-elevator-list-fixed-color, var(--nutui-color-primary, #fa2c19));font-weight:var(--nutui-elevator-list-item-code-font-weight, var(--nutui-font-weight-bold, 500));background-color:var(--nutui-elevator-list-fixed-bg-color, #ffffff);box-sizing:border-box;box-shadow:var(--nutui-elevator-list-fixed-box-shadow, 0 0 10px #eee)}.nut-elevator-code-current{position:absolute;right:var(--nutui-elevator-list-item-code-current-right, 60px);top:var(--nutui-elevator-list-item-code-current-top, 50%);transform:var(--nutui-elevator-bars-transform, translateY(-50%));width:var(--nutui-elevator-list-item-code-current-width, 45px);height:var(--nutui-elevator-list-item-code-current-height, 45px);line-height:var(--nutui-elevator-list-item-code-current-line-height, 45px);border-radius:var(--nutui-elevator-list-item-code-current-border-radius, 50%);background:var(--nutui-elevator-list-item-code-current-bg-color, #fff);box-shadow:0 3px 3px 1px #f0f0f0;text-align:var(--nutui-elevator-list-item-code-current-text-align, center)}.nut-elevator-bars{position:absolute;right:var(--nutui-elevator-bars-right, 10px);top:var(--nutui-elevator-bars-top, 50%);color:var(--nutui-gray-5, #8c8c8c);font-size:var(--nutui-elevator-bars-font-size, var(--nutui-font-size-2, 12px));transform:var(--nutui-elevator-bars-transform, translateY(-50%));padding:var(--nutui-elevator-bars-padding, 15px 0);background-color:var(--nutui-elevator-bars-background-color, var(--nutui-gray-3, #f6f6f6));border-radius:var(--nutui-elevator-bars-border-radius, 6px);text-align:center;z-index:var(--nutui-elevator-bars-z-index, 1)}.nut-elevator-bars-inner-item{display:block;padding:var(--nutui-elevator-bars-inner-item-padding, 3px);cursor:pointer}.nut-elevator-bars-inner-item-active{font-weight:var(--nutui-font-weight-bold, 500);color:var(--nutui-elevator-bars-active-color, var(--nutui-color-primary, #fa2c19))}[dir=rtl] .nut-elevator-list-fixed,.nut-rtl .nut-elevator-list-fixed{left:auto;right:0}[dir=rtl] .nut-elevator-code-current,.nut-rtl .nut-elevator-code-current{right:auto;left:var(--nutui-elevator-list-item-code-current-right, 60px)}[dir=rtl] .nut-elevator-bars,.nut-rtl .nut-elevator-bars{right:auto;left:var(--nutui-elevator-bars-right, 10px)}

package/dist/esm/Elevator.js

@@ -1,180 +0,0 @@
-import { _ as __rest } from "./tslib.es6.js";
-import React__default, { createContext, useRef, useState, useEffect } from "react";
-import { useGesture } from "@use-gesture/react";
-import { animated } from "@react-spring/web";
-import classNames from "classnames";
-import { C as ComponentDefaults } from "./typings.js";
-const elevatorContext = createContext({});
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { height: "200px", floorKey: "title", list: [], sticky: false, spaceHeight: 23, titleHeight: 35, showKeys: true });
-const Elevator = (props) => {
-  const _a = Object.assign(Object.assign({}, defaultProps), props), { height, floorKey, list, sticky, spaceHeight, titleHeight, showKeys, className, style, onItemClick, onIndexClick, children } = _a, rest = __rest(_a, ["height", "floorKey", "list", "sticky", "spaceHeight", "titleHeight", "showKeys", "className", "style", "onItemClick", "onIndexClick", "children"]);
-  const classPrefix = "nut-elevator";
-  const listview = useRef(null);
-  const initData = {
-    anchorIndex: 0,
-    listHeight: [],
-    listGroup: [],
-    scrollY: 0
-  };
-  const touchState = useRef({
-    y1: 0,
-    y2: 0
-  });
-  const [scrollY, setScrollY] = useState(0);
-  const [currentData, setCurrentData] = useState({});
-  const [currentKey, setCurrentKey] = useState("");
-  const [currentIndex, setCurrentIndex] = useState(0);
-  const [codeIndex, setCodeIndex] = useState(0);
-  const [scrollStart, setScrollStart] = useState(false);
-  const state = useRef(initData);
-  const resetScrollState = () => {
-    setScrollStart(false);
-  };
-  const getData = (el, name) => {
-    const prefix = "data-";
-    return el.getAttribute(prefix + name);
-  };
-  const calculateHeight = () => {
-    let height2 = 0;
-    state.current.listHeight.push(height2);
-    for (let i = 0; i < state.current.listGroup.length; i++) {
-      const item = state.current.listGroup[i];
-      height2 += item.clientHeight;
-      state.current.listHeight.push(height2);
-    }
-  };
-  const scrollTo = (index) => {
-    if (!index && index !== 0) {
-      return;
-    }
-    if (!state.current.listHeight.length) {
-      calculateHeight();
-    }
-    let cacheIndex = index;
-    if (index < 0) {
-      cacheIndex = 0;
-    }
-    if (index > state.current.listHeight.length - 2) {
-      cacheIndex = Math.max(0, state.current.listHeight.length - 2);
-    }
-    setCodeIndex(cacheIndex);
-    if (listview.current) {
-      listview.current.scrollTo(0, state.current.listHeight[cacheIndex]);
-    }
-  };
-  const bind = useGesture({
-    onDragStart: ({ target, offset }) => {
-      setScrollStart(true);
-      const index = Number(getData(target, "index"));
-      touchState.current.y1 = offset[1];
-      state.current.anchorIndex = +index;
-      setCodeIndex((codeIndex2) => codeIndex2 + index);
-      scrollTo(index);
-    },
-    onDragEnd: ({ offset }) => {
-      touchState.current.y2 = offset[1];
-      const delta = (touchState.current.y2 - touchState.current.y1) / spaceHeight || 0;
-      const cacheIndex = state.current.anchorIndex + Math.round(delta);
-      setCodeIndex(cacheIndex);
-      scrollTo(cacheIndex);
-      resetScrollState();
-    }
-  });
-  const handleClickItem = (key, item) => {
-    onItemClick && onItemClick(key, item);
-    setCurrentData(item);
-    setCurrentKey(key);
-  };
-  const handleClickIndex = (key) => {
-    onIndexClick && onIndexClick(key);
-  };
-  const setListGroup = () => {
-    if (listview.current) {
-      const els = listview.current.querySelectorAll(".nut-elevator-list-item");
-      els.forEach((el) => {
-        if (el != null && !state.current.listGroup.includes(el)) {
-          state.current.listGroup.push(el);
-        }
-      });
-    }
-  };
-  const listViewScroll = (e) => {
-    const { listHeight } = state.current;
-    if (!listHeight.length) {
-      calculateHeight();
-    }
-    const target = e.target;
-    let { scrollTop } = target;
-    scrollTop = Math.ceil(scrollTop);
-    state.current.scrollY = scrollTop;
-    setScrollY(scrollTop);
-    for (let i = 0; i < listHeight.length - 1; i++) {
-      const height1 = listHeight[i];
-      const height2 = listHeight[i + 1];
-      if (state.current.scrollY >= height1 && state.current.scrollY < height2) {
-        setCurrentIndex(i);
-        return;
-      }
-    }
-    setCurrentIndex(listHeight.length - 2);
-  };
-  useEffect(() => {
-    if (listview.current) {
-      setListGroup();
-      listview.current.addEventListener("scroll", listViewScroll);
-    }
-  }, [listview]);
-  return React__default.createElement(
-    "div",
-    Object.assign({ className: `${classPrefix} ${className}`, style }, rest),
-    sticky && scrollY > 0 ? React__default.createElement(
-      "div",
-      { className: `${classPrefix}-list-fixed` },
-      React__default.createElement("span", { className: `${classPrefix}-list-fixed-title` }, list[currentIndex][floorKey])
-    ) : null,
-    React__default.createElement(
-      "div",
-      { className: `${classPrefix}-list`, style: { height: Number.isNaN(+height) ? height : `${height}px` } },
-      React__default.createElement("div", { className: `${classPrefix}-list-inner`, ref: listview }, list.map((item, idx) => {
-        return React__default.createElement(
-          "div",
-          { className: `${classPrefix}-list-item`, key: idx },
-          React__default.createElement("div", { className: `${classPrefix}-list-item-code` }, item[floorKey]),
-          React__default.createElement(React__default.Fragment, null, item.list.map((subitem) => {
-            return React__default.createElement("div", { className: classNames({
-              [`${classPrefix}-list-item-name`]: true,
-              [`${classPrefix}-list-item-name-highcolor`]: currentData.id === subitem.id && currentKey === item[floorKey]
-            }), key: subitem.id, onClick: () => handleClickItem(item[floorKey], subitem) }, children ? React__default.createElement(
-              React__default.Fragment,
-              null,
-              React__default.createElement(elevatorContext.Provider, { value: subitem }, children)
-            ) : subitem.name);
-          }))
-        );
-      }))
-    ),
-    showKeys ? React__default.createElement(
-      React__default.Fragment,
-      null,
-      list.length && scrollStart ? React__default.createElement("div", { className: classNames({
-        [`${classPrefix}-code-current`]: true,
-        [`${classPrefix}-code-current-current`]: true
-      }) }, list[codeIndex][floorKey]) : null,
-      React__default.createElement(
-        "div",
-        { className: `${classPrefix}-bars` },
-        React__default.createElement(animated.div, Object.assign({ className: `${classPrefix}-bars-inner` }, bind(), { style: { touchAction: "pan-y" } }), list.map((item, index) => {
-          return React__default.createElement("div", { className: classNames({
-            [`${classPrefix}-bars-inner-item`]: true,
-            [`${classPrefix}-bars-inner-item-active`]: item[floorKey] === list[currentIndex][floorKey]
-          }), "data-index": index, key: index, onClick: () => handleClickIndex(item[floorKey]) }, item[floorKey]);
-        }))
-      )
-    ) : null
-  );
-};
-Elevator.displayName = "NutElevator";
-Elevator.Context = elevatorContext;
-export {
-  Elevator as default
-};

package/dist/esm/Ellipsis/style/index.js

@@ -1,2 +0,0 @@
-
-import '../../../packages/ellipsis/ellipsis.scss'

package/dist/esm/Ellipsis/style/style.css

@@ -1 +0,0 @@
-.nut-ellipsis{display:flex}.nut-ellipsis .nut-ellipsis-text{cursor:pointer;color:var(--nutui-ellipsis-expand-collapse-color, var(--nutui-color-info, #1988fa));display:inline-block}.nut-ellipsis .nut-ellipsis-wordbreak{word-break:break-all}.nut-ellipsis-copy{position:absolute;top:-999999px}.nut-ellipsis-width{width:fit-content}