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

package/dist/esm/ImagePreview/style/style.css

@@ -1 +0,0 @@
-.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}[dir=rtl] .nut-overlay,.nut-rtl .nut-overlay{left:auto;right:0}.nut-overflow-hidden{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;min-height:26%;max-height:100%;overflow-y:auto;background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-gray-7, #1a1a1a);-webkit-overflow-scrolling:touch;font-size:var(--nutui-font-size-3, 14px)}.nut-popup-title{display:flex;align-items:center;justify-content:center;border-bottom:var(--nutui-popup-title-border-bottom, 0);padding:var(--nutui-popup-title-padding, 16px);position:relative}.nut-popup-title-left{position:absolute;left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-title{font-weight:var(--nutui-font-weight-bold, 500);font-size:var(--nutui-popup-title-font-size, var(--nutui-font-size-5, 18px))}.nut-popup-title-description{color:var(--nutui-gray-5, #8c8c8c);font-size:var(--nutui-popup-description-font-size, var(--nutui-font-size-1, 10px));font-weight:var(--nutui-font-weight, 400)}.nut-popup-title-right{position:absolute!important;z-index:1;cursor:pointer;width:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));height:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));display:flex;justify-content:center;align-items:center;top:var(--nutui-popup-title-padding, 16px);right:var(--nutui-popup-title-padding, 16px);color:var(--nutui-gray-5, #8c8c8c)}.nut-popup-title-right:active{opacity:.7}.nut-popup-title-right-top-left{top:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-left{bottom:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-right{right:var(--nutui-popup-title-padding, 16px);bottom:var(--nutui-popup-title-padding, 16px)}.nut-popup-center{top:50%;left:50%;min-height:10%;transform:translate(-50%,-50%)}.nut-popup-center.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom,.nut-popup-top{max-height:83%}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.nut-popup-round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.nut-popup-round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-done.nut-popup,.nut-popup-slide-center-exit-done.nut-popup,.nut-popup-slide-left-exit-done.nut-popup,.nut-popup-slide-right-exit-done.nut-popup,.nut-popup-slide-top-exit-done.nut-popup,.nut-popup-slide-bottom-exit-done.nut-popup{display:none}.nut-popup .nut-overflow-hidden{overflow:hidden!important}[dir=rtl] .nut-popup-title-left,.nut-rtl .nut-popup-title-left{left:auto;right:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right,.nut-rtl .nut-popup-title-right{right:auto;left:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right-top-left,.nut-rtl .nut-popup-title-right-top-left,[dir=rtl] .nut-popup-title-right-bottom-left,.nut-rtl .nut-popup-title-right-bottom-left{left:auto;right:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right-bottom-right,.nut-rtl .nut-popup-title-right-bottom-right{right:auto;left:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title .nut-icon-ArrowLeft,.nut-rtl .nut-popup-title .nut-icon-ArrowLeft{transform:rotate(180deg)}[dir=rtl] .nut-popup-center,.nut-rtl .nut-popup-center{left:auto;right:50%;transform:translate(50%,-50%)}[dir=rtl] .nut-popup-bottom,.nut-rtl .nut-popup-bottom,[dir=rtl] .nut-popup-top,.nut-rtl .nut-popup-top{left:auto;right:0}.nut-indicator{display:flex;width:auto;flex-wrap:nowrap;align-items:center}.nut-indicator-dot{display:inline-block;vertical-align:middle;width:var(--nutui-indicator-dot-size, 4px);height:var(--nutui-indicator-dot-size, 4px);border-radius:50%;background-color:var(--nutui-indicator-dot-color, var(--nutui-black-3, rgba(0, 0, 0, .06)));margin:0 var(--nutui-indicator-dot-margin, 2px)}.nut-indicator-dot:first-child{margin-left:0}.nut-indicator-dot:last-child{margin-right:0}.nut-indicator-active{width:var(--nutui-indicator-dot-active-size, 8px);border-radius:var(--nutui-indicator-border-radius, 2px);background:var(--nutui-indicator-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%))}.nut-indicator-vertical{display:flex;flex-direction:column;align-items:center;justify-content:center}.nut-indicator-vertical .nut-indicator-dot{margin:var(--nutui-indicator-dot-margin, 2px) 0}.nut-indicator-vertical .nut-indicator-dot:first-child{margin-top:0}.nut-indicator-vertical .nut-indicator-dot:last-child{margin-bottom:0}.nut-indicator-vertical .nut-indicator-active{width:var(--nutui-indicator-dot-size, 4px);height:var(--nutui-indicator-dot-active-size, 8px)}[dir=rtl] .nut-indicator-dot:first-child,.nut-rtl .nut-indicator-dot:first-child{margin-left:var(--nutui-indicator-dot-margin, 2px);margin-right:0}[dir=rtl] .nut-indicator-dot:last-child,.nut-rtl .nut-indicator-dot:last-child{margin-right:var(--nutui-indicator-dot-margin, 2px);margin-left:0}.nut-swiper{width:100%;height:100%;overflow:hidden;touch-action:none;position:relative}.nut-swiper-indicator{display:flex;position:absolute;left:50%;bottom:var(--nutui-swiper-indicator-bottom, 12px);transform:translate(-50%);z-index:1}.nut-swiper-indicator-vertical{top:50%;left:12px;bottom:auto;flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;transform:translateY(-50%);z-index:1}.nut-swiper-inner{width:100%;height:100%;display:flex;position:relative}.nut-swiper-inner-horizontal{transform:translate(var(--swiper-offset))}.nut-swiper-inner-vertical{transform:translateY(var(--swiper-offset));flex-direction:column}.nut-swiper-slide{width:100%;height:100%;position:relative;flex-shrink:0}.nut-swiper-item{width:100%;height:100%}[dir=rtl] .nut-swiper-indicator,.nut-rtl .nut-swiper-indicator{left:auto;right:50%;transform:translate(50%)}[dir=rtl] .nut-swiper-indicator-vertical,.nut-rtl .nut-swiper-indicator-vertical{left:auto;right:12px}.nut-video{width:100%;height:100%;position:relative;display:flex}.nut-video-player{width:100%;background:#000}.nut-video-player:focus{outline:none}.nut-video video{width:100%;height:100%;object-fit:fill}.nut-image{display:block;position:relative}.nut-image .nut-img{display:block;width:100%;height:100%}.nut-image.nut-image-round{border-radius:50%;overflow:hidden}.nut-image .nut-img-loading,.nut-image .nut-img-error{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--nutui-gray-3, #f6f6f6);background-size:100% 100%}[dir=rtl] .nut-image .nut-img-loading,.nut-rtl .nut-image .nut-img-loading,[dir=rtl] .nut-image .nut-img-error,.nut-rtl .nut-image .nut-img-error{left:auto;right:0}.nut-imagepreview{width:100%;height:100%}.nut-imagepreview-swiper{height:100%;width:100vw;background-color:transparent}.nut-imagepreview-index{position:fixed;z-index:2002;top:50px;text-align:center;left:0;right:0;background:transparent;color:#fff}.nut-imagepreview-index .arrow{position:absolute;left:15px;transform:rotate(180deg)}.nut-imagepreview-close{position:fixed;display:flex;align-items:center;justify-content:center;z-index:2002;background:transparent;color:#fff}.nut-imagepreview-close.top-right{top:50px;right:20px}.nut-imagepreview-close.top-left{top:50px;left:20px}.nut-imagepreview-close.bottom{bottom:50px;left:0;right:0;text-align:center}.nut-imagepreview-pop{height:100%;background:transparent!important;display:flex;align-items:center;width:100%}.nut-imagepreview-swiper .nut-imagepreview-swiper-item,.nut-imagepreview-swiper .nut-swiper-item{display:flex;align-items:center;justify-content:center;height:100%}.nut-imagepreview-swiper .nut-imagepreview-swiper-item .nut-image-preview-box,.nut-imagepreview-swiper .nut-swiper-item .nut-image-preview-box{width:100%}.nut-imagepreview-swiper .nut-imagepreview-swiper-item .nut-video video,.nut-imagepreview-swiper .nut-swiper-item .nut-video video{object-fit:contain}[dir=rtl] .nut-imagepreview-index .arrow,.nut-rtl .nut-imagepreview-index .arrow{left:auto;right:15px;transform:rotate(-180deg)}[dir=rtl] .nut-imagepreview-close.top-right,.nut-rtl .nut-imagepreview-close.top-right{right:auto;left:20px}[dir=rtl] .nut-imagepreview-close.top-left,.nut-rtl .nut-imagepreview-close.top-left{left:auto;right:20px}

package/dist/esm/ImagePreview.js

@@ -1,181 +0,0 @@
-import React__default, { useRef, useState, useEffect } from "react";
-import classNames from "classnames";
-import { Close } from "@nutui/icons-react";
-import Popup__default from "./Popup.js";
-import Image__default from "./Image.js";
-import Video__default from "./Video.js";
-import Swiper__default from "./Swiper.js";
-import SwiperItem__default from "./SwiperItem.js";
-import { C as ComponentDefaults } from "./typings.js";
-import { u as usePropsValue } from "./use-props-value.js";
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { images: [], videos: [], visible: false, autoPlay: 3e3, defaultValue: 0, closeOnContentClick: false, pagination: true, indicator: false, indicatorColor: "#fff", closeIcon: false, closeIconPosition: "top-right", onChange: (value) => {
-}, onClose: () => {
-} });
-const ImagePreview = (props) => {
-  const { value, className, style, images, videos, visible, defaultValue, indicatorColor, pagination, indicator, autoPlay, closeOnContentClick, closeIcon, closeIconPosition, onClose, onChange } = Object.assign(Object.assign({}, defaultProps), props);
-  const classPrefix = "nut-imagepreview";
-  const ref = useRef(null);
-  const [innerNo, setInnerNo] = usePropsValue({
-    value,
-    defaultValue,
-    finalValue: defaultValue,
-    onChange: (val) => {
-      onChange === null || onChange === void 0 ? void 0 : onChange(val);
-    }
-  });
-  const [showPop, setShowPop] = useState(visible);
-  const [active, setActive] = useState(0);
-  const [maxNo, setMaxNo] = useState((images === null || images === void 0 ? void 0 : images.length) || 0 + ((videos === null || videos === void 0 ? void 0 : videos.length) || 0));
-  const [store, setStore] = useState({
-    scale: 1,
-    moveable: false
-  });
-  const [lastTouchEndTime, setLastTouchEndTime] = useState(0);
-  const onTouchStart = (event) => {
-    const touches = event.touches;
-    const events = touches[0];
-    const events2 = touches[1];
-    const curTouchTime = (/* @__PURE__ */ new Date()).getTime();
-    if (curTouchTime - lastTouchEndTime < 300) {
-      const store12 = store;
-      if (store12.scale > 1) {
-        store12.scale = 1;
-      } else if (store12.scale === 1) {
-        store12.scale = 2;
-      }
-      scaleNow();
-    }
-    const store1 = store;
-    store1.moveable = true;
-    if (events2) {
-      store1.oriDistance = getDistance({
-        x: events.pageX,
-        y: events.pageY
-      }, {
-        x: events2.pageX,
-        y: events2.pageY
-      });
-    }
-    store1.originScale = store1.scale || 1;
-  };
-  const onTouchMove = (event) => {
-    const touches = event.touches;
-    const events = touches[0];
-    const events2 = touches[1];
-    if (!store.moveable) {
-      return;
-    }
-    const store1 = store;
-    if (events2) {
-      const curDistance = getDistance({
-        x: events.pageX,
-        y: events.pageY
-      }, {
-        x: events2.pageX,
-        y: events2.pageY
-      });
-      const curScale = curDistance / store1.oriDistance;
-      store1.scale = store1.originScale * curScale;
-      if (store1.scale > 3) {
-        store1.scale = 3;
-      }
-      scaleNow();
-    }
-  };
-  const onTouchEnd = () => {
-    setLastTouchEndTime((/* @__PURE__ */ new Date()).getTime());
-    const store1 = store;
-    store1.moveable = false;
-    if (store1.scale < 1.1 && store1.scale > 1 || store1.scale < 1) {
-      store1.scale = 1;
-      scaleNow();
-    }
-  };
-  useEffect(() => {
-    init();
-  }, []);
-  const init = () => {
-    document.addEventListener("touchmove", onTouchMove);
-    document.addEventListener("touchend", onTouchEnd);
-    document.addEventListener("touchcancel", onTouchEnd);
-  };
-  useEffect(() => {
-    setShowPop(visible);
-  }, [visible]);
-  useEffect(() => {
-    setInnerNo(defaultValue || 1);
-  }, [defaultValue]);
-  useEffect(() => {
-    setActive(innerNo);
-  }, [innerNo]);
-  useEffect(() => {
-    setMaxNo((images === null || images === void 0 ? void 0 : images.length) || 0 + ((videos === null || videos === void 0 ? void 0 : videos.length) || 0));
-  }, [images, videos]);
-  const scaleNow = () => {
-    if (ref.current) {
-      ref.current.style.transform = `scale(${store.scale})`;
-    }
-  };
-  const getDistance = (first, second) => {
-    return Math.hypot(Math.abs(second.x - first.x), Math.abs(second.y - first.y));
-  };
-  const slideChangeEnd = (page) => {
-    setActive(page + 1);
-    onChange === null || onChange === void 0 ? void 0 : onChange(page + 1);
-  };
-  const onCloseInner = (e) => {
-    e.stopPropagation();
-    setShowPop(false);
-    setActive(innerNo);
-    scaleNow();
-    onClose && onClose();
-    setStore(Object.assign(Object.assign({}, store), { scale: 1 }));
-  };
-  const closeOnImg = (e) => {
-    e.stopPropagation();
-    if (closeOnContentClick) {
-      onCloseInner(e);
-    }
-  };
-  const duration = typeof autoPlay === "string" ? parseInt(autoPlay) : autoPlay;
-  return React__default.createElement(
-    Popup__default,
-    { visible: showPop, className: `${classPrefix}-pop`, style: { width: "100%" }, onClick: onCloseInner },
-    React__default.createElement("div", { className: classNames(classPrefix, className), style, ref, onTouchStart }, showPop ? React__default.createElement(Swiper__default, { autoPlay: !!duration, duration, className: `${classPrefix}-swiper`, loop: true, style: {
-      "--nutui-indicator-color": indicatorColor
-    }, direction: "horizontal", onChange: (page) => slideChangeEnd(page), defaultValue: innerNo && (innerNo > maxNo ? maxNo - 1 : innerNo - 1), indicator }, (videos !== null && videos !== void 0 ? videos : []).map((item) => ({ type: "video", data: item })).concat((images !== null && images !== void 0 ? images : []).map((item) => ({ type: "image", data: item }))).sort((a, b) => {
-      var _a, _b, _c, _d;
-      return ((_b = (_a = a.data) === null || _a === void 0 ? void 0 : _a.index) !== null && _b !== void 0 ? _b : 0) - ((_d = (_c = b.data) === null || _c === void 0 ? void 0 : _c.index) !== null && _d !== void 0 ? _d : 0);
-    }).map((item, index) => {
-      if (item.type === "video") {
-        const { source, options } = item.data;
-        return React__default.createElement(
-          SwiperItem__default,
-          { key: index },
-          React__default.createElement(Video__default, { source, options, onClick: closeOnImg })
-        );
-      }
-      if (item.type === "image") {
-        const { src } = item.data;
-        return React__default.createElement(
-          SwiperItem__default,
-          { key: index },
-          React__default.createElement(Image__default, { src, draggable: false, onClick: closeOnImg })
-        );
-      }
-      return null;
-    })) : null),
-    pagination ? React__default.createElement(
-      "div",
-      { className: `${classPrefix}-index` },
-      active,
-      "/",
-      (images ? images.length : 0) + (videos ? videos.length : 0)
-    ) : null,
-    closeIcon !== false ? React__default.createElement("div", { className: `${classPrefix}-close ${closeIconPosition}`, onClick: onCloseInner }, closeIcon === true ? React__default.createElement(Close, null) : closeIcon) : null
-  );
-};
-ImagePreview.displayName = "NutImagePreview";
-export {
-  ImagePreview as default
-};

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

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

package/dist/esm/Indicator/style/style.css

@@ -1 +0,0 @@
-.nut-indicator{display:flex;width:auto;flex-wrap:nowrap;align-items:center}.nut-indicator-dot{display:inline-block;vertical-align:middle;width:var(--nutui-indicator-dot-size, 4px);height:var(--nutui-indicator-dot-size, 4px);border-radius:50%;background-color:var(--nutui-indicator-dot-color, var(--nutui-black-3, rgba(0, 0, 0, .06)));margin:0 var(--nutui-indicator-dot-margin, 2px)}.nut-indicator-dot:first-child{margin-left:0}.nut-indicator-dot:last-child{margin-right:0}.nut-indicator-active{width:var(--nutui-indicator-dot-active-size, 8px);border-radius:var(--nutui-indicator-border-radius, 2px);background:var(--nutui-indicator-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%))}.nut-indicator-vertical{display:flex;flex-direction:column;align-items:center;justify-content:center}.nut-indicator-vertical .nut-indicator-dot{margin:var(--nutui-indicator-dot-margin, 2px) 0}.nut-indicator-vertical .nut-indicator-dot:first-child{margin-top:0}.nut-indicator-vertical .nut-indicator-dot:last-child{margin-bottom:0}.nut-indicator-vertical .nut-indicator-active{width:var(--nutui-indicator-dot-size, 4px);height:var(--nutui-indicator-dot-active-size, 8px)}[dir=rtl] .nut-indicator-dot:first-child,.nut-rtl .nut-indicator-dot:first-child{margin-left:var(--nutui-indicator-dot-margin, 2px);margin-right:0}[dir=rtl] .nut-indicator-dot:last-child,.nut-rtl .nut-indicator-dot:last-child{margin-right:var(--nutui-indicator-dot-margin, 2px);margin-left:0}

package/dist/esm/Indicator.js

@@ -1,27 +0,0 @@
-import { _ as __rest } from "./tslib.es6.js";
-import React__default from "react";
-import classNames from "classnames";
-const defaultProps = {
-  total: 3,
-  current: 0,
-  direction: "horizontal"
-};
-const classPrefix = `nut-indicator`;
-const Indicator = (props) => {
-  const _a = Object.assign(Object.assign({}, defaultProps), props), { total, current, children, className, direction } = _a, rest = __rest(_a, ["total", "current", "children", "className", "direction"]);
-  const classes = classNames({
-    [`${classPrefix}-vertical`]: direction === "vertical"
-  });
-  const renderElement = () => {
-    const childs = [];
-    for (let item = 0; item < total; item++) {
-      childs.push(item === current ? children || React__default.createElement("div", { key: item, className: `${classPrefix}-dot ${classPrefix}-active` }) : React__default.createElement("div", { key: item, className: `${classPrefix}-dot` }));
-    }
-    return childs;
-  };
-  return React__default.createElement("div", Object.assign({ className: classNames(classPrefix, classes, className) }, rest), renderElement());
-};
-Indicator.displayName = "NutIndicator";
-export {
-  Indicator as default
-};

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

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

package/dist/esm/InfiniteLoading/style/style.css

@@ -1 +0,0 @@
-.nut-infiniteloading{display:block;width:100%}.nut-infiniteloading .nut-infinite-top{display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden;font-size:var(--nutui-font-size-2, 12px);color:var(--nutui-infiniteloading-color, var(--nutui-gray-5, #8c8c8c))}.nut-infiniteloading .nut-infinite-top-tips{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.nut-infiniteloading .nut-infinite-top-tips-icons{display:flex;justify-content:center;align-items:center;margin-bottom:4px}.nut-infiniteloading .nut-infinite-bottom{display:flex;align-items:center;justify-content:center;width:100%;padding-top:6px;font-size:var(--nutui-font-size-2, 12px);color:var(--nutui-infiniteloading-color, var(--nutui-gray-5, #8c8c8c));text-align:center}.nut-infiniteloading .nut-infinite-bottom-tips{display:flex;justify-content:center;align-items:center}.nut-infiniteloading .nut-infinite-bottom-tips-icons{margin-right:8px}.nut-infiniteloading-primary{background-color:var(--nutui-color-primary, #fa2c19)}.nut-infiniteloading-primary .nut-infinite-bottom,.nut-infiniteloading-primary .nut-infinite-top{color:var(--nutui-white-12)}[dir=rtl] .nut-infiniteloading .nut-infinite-bottom-tips-icons,.nut-rtl .nut-infiniteloading .nut-infinite-bottom-tips-icons{margin-right:0;margin-left:8px}

package/dist/esm/InfiniteLoading.js

@@ -1,147 +0,0 @@
-import { _ as __rest, a as __awaiter } from "./tslib.es6.js";
-import React__default, { useState, useRef, useEffect } from "react";
-import classNames from "classnames";
-import { useConfig } from "./ConfigProvider.js";
-import { C as ComponentDefaults } from "./typings.js";
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { type: "default", hasMore: true, threshold: 200, target: "", capture: false, pullRefresh: false });
-const classPrefix = `nut-infiniteloading`;
-const InfiniteLoading = (props) => {
-  const { locale } = useConfig();
-  const _a = Object.assign(Object.assign({}, defaultProps), props), { children, type, hasMore, threshold, target, capture, pullRefresh, pullingText, loadingText, loadMoreText, className, onRefresh, onLoadMore, onScroll } = _a, restProps = __rest(_a, ["children", "type", "hasMore", "threshold", "target", "capture", "pullRefresh", "pullingText", "loadingText", "loadMoreText", "className", "onRefresh", "onLoadMore", "onScroll"]);
-  const [isInfiniting, setIsInfiniting] = useState(false);
-  const scroller = useRef(null);
-  const refreshTop = useRef(null);
-  const scrollEl = useRef(null);
-  const isTouching = useRef(false);
-  const beforeScrollTop = useRef(0);
-  const refreshMaxH = useRef(0);
-  const y = useRef(0);
-  const distance = useRef(0);
-  const classes = classNames(classPrefix, className, `${classPrefix}-${type}`);
-  useEffect(() => {
-    var _a2;
-    if (target && document.getElementById(target)) {
-      scrollEl.current = document.getElementById(target);
-    } else {
-      scrollEl.current = window;
-    }
-    (_a2 = scrollEl.current) === null || _a2 === void 0 ? void 0 : _a2.addEventListener("scroll", handleScroll, capture);
-    return () => {
-      var _a3;
-      (_a3 = scrollEl.current) === null || _a3 === void 0 ? void 0 : _a3.removeEventListener("scroll", handleScroll, capture);
-    };
-  }, [hasMore, isInfiniting, onLoadMore]);
-  useEffect(() => {
-    const element = scroller.current;
-    element.addEventListener("touchmove", touchMove, { passive: false });
-    return () => {
-      element.removeEventListener("touchmove", touchMove, {
-        passive: false
-      });
-    };
-  }, []);
-  const getStyle = () => {
-    return {
-      height: distance.current < 0 ? `0px` : `${distance.current}px`,
-      transition: isTouching.current ? `height 0s cubic-bezier(0.25,0.1,0.25,1)` : `height 0.2s cubic-bezier(0.25,0.1,0.25,1)`
-    };
-  };
-  const handleScroll = () => __awaiter(void 0, void 0, void 0, function* () {
-    if (!isScrollAtBottom() || !hasMore || isInfiniting) {
-      return;
-    }
-    setIsInfiniting(true);
-    yield onLoadMore === null || onLoadMore === void 0 ? void 0 : onLoadMore();
-    infiniteDone();
-  });
-  const infiniteDone = () => {
-    setIsInfiniting(false);
-  };
-  const getRefreshTop = () => {
-    return refreshTop.current;
-  };
-  const refreshDone = () => {
-    distance.current = 0;
-    getRefreshTop().style.height = `${distance.current}px`;
-    isTouching.current = false;
-  };
-  const touchStart = (event) => {
-    if (beforeScrollTop.current === 0 && !isTouching.current && pullRefresh) {
-      y.current = event.touches[0].pageY;
-      isTouching.current = true;
-      const childHeight = getRefreshTop().firstElementChild.offsetHeight;
-      refreshMaxH.current = Math.floor(childHeight * 1 + 10);
-    }
-  };
-  const touchMove = (event) => {
-    distance.current = event.touches[0].pageY - y.current;
-    if (distance.current > 0 && isTouching.current) {
-      event.preventDefault();
-      if (distance.current >= refreshMaxH.current) {
-        distance.current = refreshMaxH.current;
-        getRefreshTop().style.height = `${distance.current}px`;
-      } else {
-        getRefreshTop().style.height = `${distance.current}px`;
-      }
-    } else {
-      distance.current = 0;
-      getRefreshTop().style.height = `${distance.current}px`;
-      isTouching.current = false;
-    }
-  };
-  const touchEnd = () => __awaiter(void 0, void 0, void 0, function* () {
-    if (distance.current < refreshMaxH.current) {
-      distance.current = 0;
-      getRefreshTop().style.height = `${distance.current}px`;
-      isTouching.current = false;
-    } else {
-      yield onRefresh === null || onRefresh === void 0 ? void 0 : onRefresh();
-      refreshDone();
-    }
-  });
-  const getWindowScrollTop = () => {
-    return window.scrollY !== void 0 ? window.scrollY : (document.documentElement || document.body.parentNode || document.body).scrollTop;
-  };
-  const calculateTopPosition = (el) => {
-    return !el ? 0 : el.offsetTop + calculateTopPosition(el.offsetParent);
-  };
-  const isScrollAtBottom = () => {
-    let offsetDistance = 0;
-    let resScrollTop = 0;
-    let direction = "down";
-    const windowScrollTop = getWindowScrollTop();
-    if (!target || !document.getElementById(target)) {
-      if (scroller.current) {
-        offsetDistance = calculateTopPosition(scroller.current) + scroller.current.offsetHeight - windowScrollTop - window.innerHeight;
-      }
-      resScrollTop = windowScrollTop;
-    } else {
-      const { scrollHeight, clientHeight, scrollTop } = scrollEl.current;
-      offsetDistance = scrollHeight - clientHeight - scrollTop;
-      resScrollTop = scrollTop;
-    }
-    if (beforeScrollTop.current > resScrollTop) {
-      direction = "up";
-    } else {
-      direction = "down";
-    }
-    beforeScrollTop.current = resScrollTop;
-    onScroll && onScroll(resScrollTop);
-    return offsetDistance <= threshold && direction === "down";
-  };
-  return React__default.createElement(
-    "div",
-    Object.assign({ className: classes, ref: scroller, onTouchStart: touchStart, onTouchEnd: touchEnd }, restProps),
-    React__default.createElement(
-      "div",
-      { className: "nut-infinite-top", ref: refreshTop, style: getStyle() },
-      React__default.createElement("div", { className: "nut-infinite-top-tips" }, pullingText || locale.infiniteloading.pullRefreshText)
-    ),
-    React__default.createElement("div", { className: "nut-infinite-container" }, children),
-    React__default.createElement("div", { className: "nut-infinite-bottom" }, isInfiniting ? React__default.createElement("div", { className: "nut-infinite-bottom-tips" }, loadingText || locale.infiniteloading.loadText) : !hasMore && React__default.createElement("div", { className: "nut-infinite-bottom-tips" }, loadMoreText || locale.infiniteloading.loadMoreText))
-  );
-};
-InfiniteLoading.displayName = "NutInfiniteLoading";
-export {
-  InfiniteLoading as default
-};

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

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

package/dist/esm/Input/style/style.css

@@ -1 +0,0 @@
-.nut-input{position:relative;display:flex;align-items:center;flex:1;width:100%;padding:var(--nutui-input-padding, 10px 25px);line-height:24px;font-size:var(--nutui-input-font-size, var(--nutui-font-size-3, 14px));box-sizing:border-box;border-radius:var(--nutui-input-border-radius, 0);background-color:var(--nutui-input-background-color, var(--nutui-gray-1, #ffffff));border-bottom:var(--nutui-input-border-bottom-width, 0px) solid var(--nutui-input-border-bottom, var(--nutui-black-3, rgba(0, 0, 0, .06)))}.nut-input .nut-icon{color:#c8c9cc}.nut-input .nut-input-native{width:100%;color:var(--nutui-input-color, var(--nutui-gray-7, #1a1a1a));flex:1;padding:0;border:0;outline:0 none;font:inherit;text-decoration:none;background-color:transparent}.nut-input-disabled{color:var(--nutui-input-disabled-color, var(--nutui-color-text-disabled, #bfbfbf))!important}.nut-input-disabled input:disabled{background:none;color:var(--nutui-input-disabled-color, var(--nutui-color-text-disabled, #bfbfbf));cursor:not-allowed;opacity:1;-webkit-text-fill-color:var(--nutui-input-disabled-color, var(--nutui-color-text-disabled, #bfbfbf))}

package/dist/esm/Input.js

@@ -1,146 +0,0 @@
-import { _ as __rest } from "./tslib.es6.js";
-import React__default, { forwardRef, useRef, useState, useImperativeHandle, useCallback } from "react";
-import { MaskClose } from "@nutui/icons-react";
-import { useRtl, useConfig } from "./ConfigProvider.js";
-import { C as ComponentDefaults } from "./typings.js";
-import { u as usePropsValue } from "./use-props-value.js";
-function trimExtraChar(value, char, regExp) {
-  const index = value.indexOf(char);
-  if (index === -1) {
-    return value;
-  }
-  if (char === "-" && index !== 0) {
-    return value.slice(0, index);
-  }
-  return value.slice(0, index + 1) + value.slice(index).replace(regExp, "");
-}
-function formatNumber(value, allowDot = true, allowMinus = true) {
-  if (allowDot) {
-    value = trimExtraChar(value, ".", /\./g);
-  } else {
-    value = value.split(".")[0];
-  }
-  if (allowMinus) {
-    value = trimExtraChar(value, "-", /-/g);
-  } else {
-    value = value.replace(/-/, "");
-  }
-  const regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
-  return value.replace(regExp, "");
-}
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { type: "text", name: "", placeholder: void 0, confirmType: "done", align: "left", required: false, disabled: false, readOnly: false, maxLength: 9999, clearable: false, clearIcon: null, formatTrigger: "onChange", autoFocus: false });
-const Input = forwardRef((props, ref) => {
-  const rtl = useRtl();
-  const { locale } = useConfig();
-  const _a = Object.assign(Object.assign({}, defaultProps), props), { type, name, placeholder, align, disabled, readOnly, maxLength, clearable, clearIcon, formatTrigger, autoFocus, style, className, onChange, onFocus, onClear, formatter, onClick, confirmType, defaultValue, value: _value, onCompositionStart, onCompositionEnd } = _a, rest = __rest(_a, ["type", "name", "placeholder", "align", "disabled", "readOnly", "maxLength", "clearable", "clearIcon", "formatTrigger", "autoFocus", "style", "className", "onChange", "onFocus", "onClear", "formatter", "onClick", "confirmType", "defaultValue", "value", "onCompositionStart", "onCompositionEnd"]);
-  const [value, setValue] = usePropsValue({
-    value: _value,
-    defaultValue,
-    finalValue: "",
-    onChange
-  });
-  const inputRef = useRef(null);
-  const composingRef = useRef(false);
-  const [active, setActive] = useState(false);
-  useImperativeHandle(ref, () => {
-    return {
-      clear: () => {
-        setValue("");
-      },
-      focus: () => {
-        var _a2;
-        (_a2 = inputRef.current) === null || _a2 === void 0 ? void 0 : _a2.focus();
-      },
-      blur: () => {
-        var _a2;
-        (_a2 = inputRef.current) === null || _a2 === void 0 ? void 0 : _a2.blur();
-      },
-      get nativeElement() {
-        return inputRef.current;
-      }
-    };
-  });
-  const inputClass = useCallback(() => {
-    const classPrefix = "nut-input";
-    return [classPrefix, `${disabled ? `${classPrefix}-disabled` : ""}`].filter(Boolean).join(" ");
-  }, [disabled]);
-  const updateValue = (value2, trigger = "onChange") => {
-    let val = value2;
-    if (type === "number") {
-      val = formatNumber(val, false, true);
-    }
-    if (type === "digit") {
-      val = formatNumber(val, true, true);
-    }
-    if (formatter && trigger === formatTrigger) {
-      val = formatter(val);
-    }
-    setValue(val);
-    const eventHandler = props[trigger];
-    if (eventHandler && typeof eventHandler === "function" && trigger !== "onChange") {
-      eventHandler(val);
-    }
-  };
-  const handleFocus = (event) => {
-    const val = event.target.value;
-    onFocus && onFocus(val);
-    setActive(true);
-  };
-  const handleInput = (value2) => {
-    updateValue(value2, "onChange");
-  };
-  const handleBlur = (event) => {
-    const val = event.target.value;
-    updateValue(val, "onBlur");
-    setTimeout(() => {
-      setActive(false);
-    }, 200);
-  };
-  const inputType = (type2) => {
-    if (type2 === "digit") {
-      return "text";
-    }
-    if (type2 === "number") {
-      return "tel";
-    }
-    return type2;
-  };
-  return React__default.createElement(
-    "div",
-    { className: `${inputClass()}  ${className || ""}`, style, onClick: (e) => {
-      onClick && onClick(e);
-    } },
-    React__default.createElement("input", Object.assign({}, rest, { name, className: "nut-input-native", ref: inputRef, style: {
-      // eslint-disable-next-line no-nested-ternary
-      textAlign: rtl ? (
-        // eslint-disable-next-line no-nested-ternary
-        align === "right" ? (
-          // eslint-disable-next-line no-nested-ternary
-          "left"
-        ) : align === "left" ? "right" : "center"
-      ) : align
-    }, type: inputType(type), maxLength, placeholder: placeholder === void 0 ? locale.placeholder : placeholder, disabled, readOnly, value, autoFocus, enterKeyHint: confirmType, onBlur: (e) => {
-      handleBlur(e);
-    }, onFocus: (e) => {
-      handleFocus(e);
-    }, onChange: (e) => {
-      handleInput(e.currentTarget.value);
-    }, onCompositionStart: (e) => {
-      composingRef.current = true;
-      onCompositionStart === null || onCompositionStart === void 0 ? void 0 : onCompositionStart(e);
-    }, onCompositionEnd: (e) => {
-      composingRef.current = false;
-      onCompositionEnd === null || onCompositionEnd === void 0 ? void 0 : onCompositionEnd(e);
-    } })),
-    clearable && !readOnly && active && value.length > 0 ? React__default.createElement("span", { style: { display: "flex", alignItems: "center", cursor: "pointer" }, onClick: () => {
-      if (!disabled) {
-        setValue("");
-        onClear && onClear("");
-      }
-    } }, clearIcon || React__default.createElement(MaskClose, { className: "nut-input-clear" })) : null
-  );
-});
-Input.displayName = "NutInput";
-export {
-  Input as default
-};

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

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

package/dist/esm/InputNumber/style/style.css

@@ -1 +0,0 @@
-.nut-inputnumber{display:flex;align-items:center}.nut-inputnumber .nut-input-minus,.nut-inputnumber .nut-input-add{display:flex;justify-content:center;align-items:center;width:var(--nutui-inputnumber-button-width, 14px);height:var(--nutui-inputnumber-button-height, 24px);background-color:var(--nutui-inputnumber-button-background-color, transparent);border-radius:var(--nutui-inputnumber-button-border-radius, 16px)}.nut-inputnumber-disabled input{color:var(--nutui-inputnumber-disabled-color, var(--nutui-color-text-disabled, #bfbfbf))!important}.nut-inputnumber-icon{color:var(--nutui-inputnumber-icon-color, var(--nutui-gray-6, #595959));font-size:var(--nutui-inputnumber-icon-size, 8px);cursor:pointer}.nut-inputnumber-icon-disabled{color:var(--nutui-inputnumber-disabled-color, var(--nutui-color-text-disabled, #bfbfbf));cursor:not-allowed}.nut-inputnumber input,.nut-inputnumber .nut-number-input,.nut-inputnumber-text-readonly{display:flex;justify-content:center;align-items:center;width:var(--nutui-inputnumber-input-width, 40px);height:var(--nutui-inputnumber-input-height, 24px);text-align:center;outline:none;border:var(--nutui-inputnumber-input-border, 0);border-radius:var(--nutui-inputnumber-input-border-radius, 6px);margin:var(--nutui-inputnumber-input-margin, 0);color:var(--nutui-inputnumber-input-font-color, var(--nutui-gray-7, #1a1a1a));background-color:var(--nutui-inputnumber-input-background-color, var(--nutui-gray-3, #f6f6f6))}.nut-inputnumber input::-webkit-outer-spin-button,.nut-inputnumber input::-webkit-inner-spin-button,.nut-inputnumber .nut-number-input::-webkit-outer-spin-button,.nut-inputnumber .nut-number-input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.nut-inputnumber .nut-icon-Minus,.nut-inputnumber .nut-icon-minus,.nut-inputnumber .nut-icon-Plus,.nut-inputnumber .nut-icon-plus{--nut-icon-width: 16px;--nut-icon-height: 16px}