@nutui/nutui-react-taro 2.3.12 → 2.4.1-beta.0

package/dist/esm/uploader.taro-CuaIVvya.js

@@ -1,490 +0,0 @@
-import { _ as __rest } from "./tslib.es6-BZ8i9Q6l.js";
-import React__default, { useState, useImperativeHandle } from "react";
-import classNames from "classnames";
-import Taro, { uploadFile, getEnv, chooseMedia, chooseImage } from "@tarojs/taro";
-import { Failure, Link, Del, Loading, Photograph } from "@nutui/icons-react-taro";
-import { B as Button } from "./button.taro-OKGsDVW7.js";
-import { u as useConfig } from "./configprovider.taro-CyU_tvNJ.js";
-import { a as isPromise } from "./index-DeNfBlua.js";
-import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
-import { u as usePropsValue } from "./use-props-value-SH9krhkx.js";
-import { Image } from "@tarojs/components";
-import { P as Progress } from "./progress.taro-BOHykt7X.js";
-class UploadOptions {
-  constructor() {
-    this.url = "";
-    this.name = "file";
-    this.fileType = "image";
-    this.method = "post";
-    this.xhrState = 200;
-    this.timeout = 30 * 1e3;
-    this.headers = {};
-    this.withCredentials = false;
-  }
-}
-const UPLOADING = "uploading";
-const SUCCESS = "success";
-const ERROR = "error";
-class Upload {
-  constructor(options) {
-    this.options = options;
-  }
-  upload() {
-    var _a;
-    const { options } = this;
-    const xhr = new XMLHttpRequest();
-    xhr.timeout = options.timeout;
-    if (xhr.upload) {
-      xhr.upload.addEventListener("progress", (e) => {
-        var _a2;
-        (_a2 = options.onProgress) === null || _a2 === void 0 ? void 0 : _a2.call(options, e, options);
-      }, false);
-      xhr.onreadystatechange = () => {
-        var _a2, _b;
-        if (xhr.readyState === 4) {
-          if (xhr.status === options.xhrState) {
-            (_a2 = options.onSuccess) === null || _a2 === void 0 ? void 0 : _a2.call(options, xhr.responseText, options);
-          } else {
-            (_b = options.onFailure) === null || _b === void 0 ? void 0 : _b.call(options, xhr.responseText, options);
-          }
-        }
-      };
-      xhr.withCredentials = options.withCredentials;
-      xhr.open(options.method, options.url, true);
-      for (const [key, value] of Object.entries(options.headers)) {
-        xhr.setRequestHeader(key, value);
-      }
-      (_a = options.onStart) === null || _a === void 0 ? void 0 : _a.call(options, options);
-      if (options.beforeXhrUpload) {
-        options.beforeXhrUpload(xhr, options);
-      } else {
-        xhr.send(options.formData);
-      }
-    } else {
-      console.warn("浏览器不支持 XMLHttpRequest");
-    }
-  }
-}
-class UploaderTaro extends Upload {
-  constructor(options) {
-    super(options);
-  }
-  uploadTaro(uploadFile2, env) {
-    var _a;
-    const options = this.options;
-    if (env === "WEB") {
-      this.upload();
-    } else if (options.beforeXhrUpload) {
-      options.beforeXhrUpload(uploadFile2, options);
-    } else {
-      const uploadTask = uploadFile2({
-        url: options.url,
-        filePath: options.taroFilePath,
-        fileType: options.fileType,
-        header: Object.assign({ "Content-Type": "multipart/form-data" }, options.headers),
-        formData: options.formData,
-        name: options.name,
-        success(response) {
-          var _a2, _b;
-          if (options.xhrState === response.statusCode) {
-            (_a2 = options.onSuccess) === null || _a2 === void 0 ? void 0 : _a2.call(options, response, options);
-          } else {
-            (_b = options.onFailure) === null || _b === void 0 ? void 0 : _b.call(options, response, options);
-          }
-        },
-        fail(e) {
-          var _a2;
-          (_a2 = options.onFailure) === null || _a2 === void 0 ? void 0 : _a2.call(options, e, options);
-        }
-      });
-      (_a = options.onStart) === null || _a === void 0 ? void 0 : _a.call(options, options);
-      uploadTask.progress((res) => {
-        var _a2;
-        (_a2 = options.onProgress) === null || _a2 === void 0 ? void 0 : _a2.call(options, res, options);
-      });
-    }
-  }
-}
-const funcInterceptor = (interceptor, { args = [], done, canceled }) => {
-  if (interceptor) {
-    const returnVal = interceptor.apply(null, args);
-    if (isPromise(returnVal)) {
-      returnVal.then((value) => {
-        if (value) {
-          done(value);
-        } else if (canceled) {
-          canceled();
-        }
-      }).catch(() => {
-      });
-    } else if (returnVal) {
-      done();
-    } else if (canceled) {
-      canceled();
-    }
-  } else {
-    done();
-  }
-};
-class FileItem {
-  constructor() {
-    this.status = "ready";
-    this.message = "准备中..";
-    this.uid = (/* @__PURE__ */ new Date()).getTime().toString();
-    this.percentage = 0;
-    this.formData = {};
-  }
-}
-const Preview = ({ fileList, previewType, deletable, onDeleteItem, handleItemClick, previewUrl, children }) => {
-  const renderIcon = (item) => {
-    if (item.status === ERROR) {
-      return item.failIcon || React__default.createElement(Failure, { color: "#fff" });
-    }
-    return item.loadingIcon || React__default.createElement(Loading, { className: "nut-icon-loading", color: "#fff" });
-  };
-  return React__default.createElement(React__default.Fragment, null, fileList.length !== 0 && fileList.map((item, index) => {
-    var _a;
-    return React__default.createElement(
-      "div",
-      { className: `nut-uploader-preview ${previewType}`, key: item.uid },
-      previewType === "picture" && !children && deletable && React__default.createElement(Failure, { color: "rgba(0,0,0,0.6)", className: "close", onClick: () => onDeleteItem(item, index) }),
-      previewType === "picture" && !children && React__default.createElement(
-        "div",
-        { className: "nut-uploader-preview-img" },
-        item.status === "ready" ? React__default.createElement(
-          "div",
-          { className: "nut-uploader-preview-progress" },
-          React__default.createElement("div", { className: "nut-uploader-preview-progress-msg" }, item.message)
-        ) : item.status !== "success" && React__default.createElement(
-          "div",
-          { className: "nut-uploader-preview-progress" },
-          renderIcon(item),
-          React__default.createElement("div", { className: "nut-uploader-preview-progress-msg" }, item.message)
-        ),
-        ((_a = item.type) === null || _a === void 0 ? void 0 : _a.includes("image")) ? React__default.createElement(React__default.Fragment, null, item.url && React__default.createElement(Image, { className: "nut-uploader-preview-img-c", style: { objectFit: "fill" }, mode: "aspectFit", src: item.url, onClick: () => handleItemClick(item, index) })) : React__default.createElement(React__default.Fragment, null, previewUrl ? React__default.createElement(Image, { className: "nut-uploader-preview-img-c", mode: "aspectFit", src: previewUrl, onClick: () => handleItemClick(item, index) }) : React__default.createElement(
-          "div",
-          { className: "nut-uploader-preview-img-file" },
-          React__default.createElement(
-            "div",
-            { onClick: () => handleItemClick(item, index), className: "nut-uploader-preview-img-file-name" },
-            React__default.createElement(Link, { color: "#808080" }),
-            React__default.createElement(
-              "span",
-              null,
-              " ",
-              item.name
-            )
-          )
-        )),
-        item.status === "success" ? React__default.createElement("div", { className: "tips" }, item.name) : null
-      ),
-      previewType === "list" && React__default.createElement(
-        "div",
-        { className: "nut-uploader-preview-list" },
-        React__default.createElement(
-          "div",
-          { className: `nut-uploader-preview-img-file-name ${item.status}`, onClick: () => handleItemClick(item, index) },
-          React__default.createElement(Link, null),
-          React__default.createElement(
-            "span",
-            null,
-            " ",
-            item.name
-          )
-        ),
-        deletable && React__default.createElement(Del, { color: "#808080", className: "nut-uploader-preview-img-file-del", onClick: () => onDeleteItem(item, index) }),
-        item.status === "uploading" && React__default.createElement(Progress, { percent: item.percentage, color: "linear-gradient(270deg, rgba(18,126,255,1) 0%,rgba(32,147,255,1) 32.815625%,rgba(13,242,204,1) 100%)", showText: false })
-      )
-    );
-  }));
-};
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { url: "", maxCount: 1, sizeType: ["original", "compressed"], sourceType: ["album", "camera"], mediaType: ["image", "video"], camera: "back", uploadIcon: React__default.createElement(Photograph, { size: "20px", color: "#808080" }), uploadLabel: "", previewType: "picture", fit: "cover", name: "file", accept: "*", disabled: false, autoUpload: true, multiple: false, maxFileSize: Number.MAX_VALUE, data: {}, headers: {}, method: "post", previewUrl: "", xhrState: 200, timeout: 1e3 * 30, preview: true, deletable: true, maxDuration: 10, beforeDelete: (file, files) => {
-  return true;
-} });
-const InternalUploader = (props, ref) => {
-  const { locale } = useConfig();
-  const _a = Object.assign(Object.assign({}, defaultProps), props), { children, uploadIcon, uploadLabel, accept, name, camera, defaultValue, value, previewType, fit, disabled, multiple, url, previewUrl, headers, timeout, method, xhrState, data, preview, deletable, maxCount, maxFileSize, mediaType, className, autoUpload, sizeType, sourceType, maxDuration, onStart, onDelete, onChange, onFileItemClick, onProgress, onSuccess, onUpdate, onFailure, onOversize, beforeXhrUpload, beforeDelete } = _a, restProps = __rest(_a, ["children", "uploadIcon", "uploadLabel", "accept", "name", "camera", "defaultValue", "value", "previewType", "fit", "disabled", "multiple", "url", "previewUrl", "headers", "timeout", "method", "xhrState", "data", "preview", "deletable", "maxCount", "maxFileSize", "mediaType", "className", "autoUpload", "sizeType", "sourceType", "maxDuration", "onStart", "onDelete", "onChange", "onFileItemClick", "onProgress", "onSuccess", "onUpdate", "onFailure", "onOversize", "beforeXhrUpload", "beforeDelete"]);
-  const [fileList, setFileList] = usePropsValue({
-    value,
-    defaultValue,
-    finalValue: [],
-    onChange: (v) => {
-      onChange === null || onChange === void 0 ? void 0 : onChange(v);
-    }
-  });
-  const [uploadQueue, setUploadQueue] = useState([]);
-  const classes = classNames(className, "nut-uploader");
-  useImperativeHandle(ref, () => ({
-    submit: () => {
-      Promise.all(uploadQueue).then((res) => {
-        res.forEach((i) => i.uploadTaro(uploadFile, getEnv()));
-      });
-    },
-    clear: () => {
-      clearUploadQueue();
-    }
-  }));
-  const clearUploadQueue = (index = -1) => {
-    if (index > -1) {
-      uploadQueue.splice(index, 1);
-      setUploadQueue(uploadQueue);
-    } else {
-      setUploadQueue([]);
-      fileList.splice(0, fileList.length);
-      setFileList([...fileList]);
-    }
-  };
-  const _chooseImage = () => {
-    if (disabled) {
-      return;
-    }
-    if (Taro.getEnv() === "WEB") {
-      const el = document.getElementById("taroChooseImage");
-      if (el) {
-        el === null || el === void 0 ? void 0 : el.setAttribute("accept", accept);
-      } else {
-        const obj = document.createElement("input");
-        obj.setAttribute("type", "file");
-        obj.setAttribute("id", "taroChooseImage");
-        obj.setAttribute("accept", accept);
-        obj.setAttribute("style", "position: fixed; top: -4000px; left: -3000px; z-index: -300;");
-        document.body.appendChild(obj);
-      }
-    }
-    if (getEnv() === "WEAPP" && chooseMedia) {
-      chooseMedia({
-        /** 最多可以选择的文件个数 */
-        count: multiple ? maxCount * 1 - fileList.length : 1,
-        /** 文件类型 */
-        mediaType,
-        /** 图片和视频选择的来源 */
-        sourceType,
-        /** 拍摄视频最长拍摄时间，单位秒。时间范围为 3s 至 30s 之间 */
-        maxDuration,
-        /** 仅对 mediaType 为 image 时有效，是否压缩所选文件 */
-        sizeType: [],
-        /** 仅在 sourceType 为 camera 时生效，使用前置或后置摄像头 */
-        camera,
-        /** 接口调用失败的回调函数 */
-        fail: (res) => {
-          onFailure && onFailure(res);
-        },
-        /** 接口调用成功的回调函数 */
-        success: onChangeMedia
-      });
-    } else {
-      chooseImage({
-        // 选择数量
-        count: multiple ? maxCount * 1 - fileList.length : 1,
-        // 可以指定是原图还是压缩图，默认二者都有
-        sizeType,
-        sourceType,
-        success: onChangeImage,
-        fail: (res) => {
-          onFailure && onFailure(res);
-        }
-      });
-    }
-  };
-  const executeUpload = (fileItem, index) => {
-    const uploadOption = new UploadOptions();
-    uploadOption.name = name;
-    uploadOption.url = url;
-    uploadOption.fileType = fileItem.type;
-    uploadOption.formData = fileItem.formData;
-    uploadOption.timeout = timeout * 1;
-    uploadOption.method = method;
-    uploadOption.xhrState = xhrState;
-    uploadOption.headers = headers;
-    uploadOption.taroFilePath = fileItem.path;
-    uploadOption.beforeXhrUpload = beforeXhrUpload;
-    uploadOption.onStart = (option) => {
-      clearUploadQueue(index);
-      setFileList(fileList.map((item) => {
-        if (item.uid === fileItem.uid) {
-          item.status = "ready";
-          item.message = locale.uploader.readyUpload;
-        }
-        return item;
-      }));
-      onStart && onStart(option);
-    };
-    uploadOption.onProgress = (e, option) => {
-      setFileList(fileList.map((item) => {
-        if (item.uid === fileItem.uid) {
-          item.status = UPLOADING;
-          item.message = locale.uploader.uploading;
-          item.percentage = e.progress;
-          onProgress && onProgress({ e, option, percentage: item.percentage });
-        }
-        return item;
-      }));
-    };
-    uploadOption.onSuccess = (responseText, option) => {
-      const list = fileList.map((item) => {
-        if (item.uid === fileItem.uid) {
-          item.status = SUCCESS;
-          item.message = locale.uploader.success;
-          item.responseText = responseText;
-        }
-        return item;
-      });
-      setFileList(list);
-      onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess({
-        responseText,
-        option,
-        files: list
-      });
-    };
-    uploadOption.onFailure = (responseText, option) => {
-      const list = fileList.map((item) => {
-        if (item.uid === fileItem.uid) {
-          item.status = ERROR;
-          item.message = locale.uploader.error;
-          item.responseText = responseText;
-        }
-        return item;
-      });
-      setFileList(list);
-      onFailure === null || onFailure === void 0 ? void 0 : onFailure({
-        responseText,
-        option,
-        files: list
-      });
-    };
-    const task = new UploaderTaro(uploadOption);
-    if (props.autoUpload) {
-      task.uploadTaro(uploadFile, getEnv());
-    } else {
-      uploadQueue.push(new Promise((resolve, reject) => {
-        resolve(task);
-      }));
-      setUploadQueue(uploadQueue);
-    }
-  };
-  const readFile = (files) => {
-    files.forEach((file, index) => {
-      var _a2, _b;
-      let fileType = file.type;
-      const filepath = file.tempFilePath || file.path;
-      const fileItem = new FileItem();
-      if (file.fileType) {
-        fileType = file.fileType;
-      } else {
-        const imgReg = /\.(png|jpeg|jpg|webp|gif)$/i;
-        if (!fileType && (imgReg.test(filepath) || filepath.includes("data:image"))) {
-          fileType = "image";
-        }
-      }
-      fileItem.path = filepath;
-      fileItem.name = filepath;
-      fileItem.status = "ready";
-      fileItem.type = fileType;
-      fileItem.uid = `${fileItem.uid}_${index}`;
-      fileItem.message = autoUpload ? locale.uploader.readyUpload : locale.uploader.waitingUpload;
-      if (getEnv() === "WEB") {
-        const formData = new FormData();
-        for (const [key, value2] of Object.entries(data)) {
-          formData.append(key, value2);
-        }
-        formData.append(name, file.originalFileObj);
-        fileItem.name = (_a2 = file.originalFileObj) === null || _a2 === void 0 ? void 0 : _a2.name;
-        fileItem.type = (_b = file.originalFileObj) === null || _b === void 0 ? void 0 : _b.type;
-        fileItem.formData = formData;
-      } else {
-        fileItem.formData = data;
-      }
-      if (preview) {
-        fileItem.url = fileType === "video" ? file.thumbTempFilePath : filepath;
-      }
-      fileList.push(fileItem);
-      setFileList(fileList);
-      executeUpload(fileItem, index);
-    });
-  };
-  const filterFiles = (files) => {
-    const maximum = props.maxCount * 1;
-    const maximize = props.maxFileSize * 1;
-    const oversizes = new Array();
-    const filterFile = files.filter((file) => {
-      if (file.size > maximize) {
-        oversizes.push(file);
-        return false;
-      }
-      return true;
-    });
-    if (oversizes.length) {
-      onOversize && onOversize(files);
-    }
-    const currentFileLength = filterFile.length + fileList.length;
-    if (currentFileLength > maximum) {
-      filterFile.splice(filterFile.length - (currentFileLength - maximum));
-    }
-    return filterFile;
-  };
-  const deleted = (file, index) => {
-    const deletedFileList = fileList.filter((file2, idx) => idx !== index);
-    onDelete === null || onDelete === void 0 ? void 0 : onDelete(file, deletedFileList);
-    setFileList(deletedFileList);
-  };
-  const onDeleteItem = (file, index) => {
-    clearUploadQueue(index);
-    funcInterceptor(beforeDelete, {
-      args: [file, fileList],
-      done: () => deleted(file, index)
-    });
-  };
-  const onChangeMedia = (res) => {
-    const { tempFiles } = res;
-    const _files = filterFiles(tempFiles);
-    readFile(_files);
-  };
-  const onChangeImage = (res) => {
-    const { tempFiles } = res;
-    const _files = filterFiles(tempFiles);
-    readFile(_files);
-  };
-  const handleItemClick = (file, index) => {
-    onFileItemClick === null || onFileItemClick === void 0 ? void 0 : onFileItemClick(file, index);
-  };
-  return React__default.createElement(
-    "div",
-    Object.assign({ className: classes }, restProps),
-    (children || previewType === "list") && React__default.createElement(
-      "div",
-      { className: "nut-uploader-slot" },
-      React__default.createElement(
-        React__default.Fragment,
-        null,
-        children || React__default.createElement(Button, { size: "small", type: "primary" }, "上传文件"),
-        maxCount > fileList.length && React__default.createElement(Button, { className: "nut-uploader-input", onClick: _chooseImage })
-      )
-    ),
-    React__default.createElement(Preview, Object.assign({}, {
-      fileList,
-      previewType,
-      deletable,
-      onDeleteItem,
-      handleItemClick,
-      previewUrl,
-      children
-    })),
-    maxCount > fileList.length && previewType === "picture" && !children && React__default.createElement(
-      "div",
-      { className: `nut-uploader-upload ${previewType} ${disabled ? "nut-uploader-upload-disabled" : ""}` },
-      React__default.createElement(
-        "div",
-        { className: "nut-uploader-icon" },
-        uploadIcon,
-        React__default.createElement("span", { className: "nut-uploader-icon-tip" }, uploadLabel)
-      ),
-      React__default.createElement(Button, { className: "nut-uploader-input", onClick: _chooseImage })
-    )
-  );
-};
-const Uploader = React__default.forwardRef(InternalUploader);
-Uploader.defaultProps = defaultProps;
-Uploader.displayName = "NutUploader";
-export {
-  Uploader as U
-};

package/dist/esm/video.taro-CEMVfhCS.js

@@ -1,33 +0,0 @@
-import { _ as __rest } from "./tslib.es6-BZ8i9Q6l.js";
-import React__default from "react";
-import classNames from "classnames";
-import { View, Video as Video$1 } from "@tarojs/components";
-const defaultProps = {
-  source: {
-    type: {},
-    src: ""
-  },
-  options: {
-    controls: true,
-    muted: false,
-    autoplay: false,
-    poster: "",
-    playsinline: false,
-    loop: false
-  }
-};
-const classPrefix = `nut-video`;
-const Video = (props) => {
-  const _a = Object.assign(Object.assign({}, defaultProps), props), { children, source, options, className, style, onPlay, onPause, onPlayEnd } = _a, restProps = __rest(_a, ["children", "source", "options", "className", "style", "onPlay", "onPause", "onPlayEnd"]);
-  const classes = classNames(classPrefix, className);
-  return React__default.createElement(
-    View,
-    { className: classes, style },
-    React__default.createElement(Video$1, Object.assign({ className: "nut-video-player", muted: options.muted, autoplay: options.autoplay, loop: options.loop, poster: options.poster, controls: options.controls, src: source.src, onPlay, onPause, onEnded: onPlayEnd }, restProps))
-  );
-};
-Video.defaultProps = defaultProps;
-Video.displayName = "NutVideo";
-export {
-  Video as V
-};

package/dist/esm/virtuallist.taro-C5vZAyza.js

@@ -1,156 +0,0 @@
-import { _ as __rest } from "./tslib.es6-BZ8i9Q6l.js";
-import React__default, { useState, useRef, useEffect, useCallback } from "react";
-import { View, ScrollView } from "@tarojs/components";
-import { getSystemInfoSync } from "@tarojs/taro";
-import classNames from "classnames";
-import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
-const initPositinoCache = (reaItemSize, length = 0) => {
-  let index = 0;
-  const positions = Array(length);
-  while (index < length) {
-    positions[index] = {
-      index,
-      height: reaItemSize,
-      width: reaItemSize,
-      top: index * reaItemSize,
-      bottom: (index + 1) * reaItemSize,
-      left: index * reaItemSize,
-      right: (index + 1) * reaItemSize
-    };
-    index++;
-  }
-  return positions;
-};
-const updateItemSize = (positions, items, sizeKey, margin) => {
-  const newPos = positions.concat();
-  Array.from(items).forEach((item) => {
-    const index = Number(item.getAttribute("data-index"));
-    const styleVal = item.getAttribute("style");
-    if (styleVal && styleVal.includes("none"))
-      return;
-    let nowSize = item.getBoundingClientRect()[sizeKey];
-    if (margin)
-      nowSize += margin;
-    const oldSize = positions[index][sizeKey];
-    const dValue = oldSize - nowSize;
-    if (dValue) {
-      if (sizeKey === "width") {
-        newPos[index].right -= dValue;
-        newPos[index][sizeKey] = nowSize;
-        for (let k = index + 1; k < positions.length; k++) {
-          newPos[k].left = positions[k - 1].right;
-          newPos[k].right -= dValue;
-        }
-      } else if (sizeKey === "height") {
-        newPos[index].bottom -= dValue;
-        newPos[index][sizeKey] = nowSize;
-        for (let k = index + 1; k < positions.length; k++) {
-          newPos[k].top = positions[k - 1].bottom;
-          newPos[k].bottom -= dValue;
-        }
-      }
-    }
-  });
-};
-const clientHeight = getSystemInfoSync().windowHeight - 5 || 667;
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { list: [], containerHeight: clientHeight, itemHeight: 66, margin: 10, itemEqual: true, overscan: 2 });
-const VirtualList = (props) => {
-  const _a = Object.assign(Object.assign({}, defaultProps), props), { list, itemRender, itemHeight, margin, itemEqual, overscan, key, onScroll, className, containerHeight } = _a, rest = __rest(_a, ["list", "itemRender", "itemHeight", "margin", "itemEqual", "overscan", "key", "onScroll", "className", "containerHeight"]);
-  const [startOffset, setStartOffset] = useState(0);
-  const start = useRef(0);
-  const scrollRef = useRef(null);
-  const itemsRef = useRef(null);
-  const [positions, setPositions] = useState([
-    {
-      index: 0,
-      left: 0,
-      top: 0,
-      bottom: 0,
-      width: 0,
-      height: 0,
-      right: 0
-    }
-  ]);
-  const [offSetSize, setOffSetSize] = useState(containerHeight || 0);
-  useEffect(() => {
-    setPositions((options) => {
-      return Object.assign(Object.assign({}, options), { endIndex: visibleCount() });
-    });
-  }, [itemHeight, overscan, offSetSize]);
-  useEffect(() => {
-    if (containerHeight)
-      return;
-    setOffSetSize(getContainerHeight());
-  }, [containerHeight]);
-  useEffect(() => {
-    const pos = initPositinoCache(itemHeight + margin, list.length);
-    setPositions(pos);
-  }, [itemHeight, list]);
-  const prevListLength = useRef(list.length);
-  const getContainerHeight = () => {
-    const initH = (itemHeight + margin) * list.length;
-    return initH < clientHeight ? initH + overscan * (itemHeight + margin) - 5 : Math.min(containerHeight, clientHeight);
-  };
-  const visibleCount = () => {
-    return Math.ceil(getContainerHeight() / (itemHeight + margin)) + overscan;
-  };
-  const end = () => {
-    return start.current + visibleCount();
-  };
-  const listHeight = () => {
-    return list.length * (itemHeight + margin);
-  };
-  const visibleData = () => {
-    return list.slice(start.current, Math.min(end(), list.length));
-  };
-  const updateTotalSize = useCallback(() => {
-    if (!itemsRef.current)
-      return;
-    const items = itemsRef.current.children;
-    if (!items.length)
-      return;
-    updateItemSize(positions, items, "height", margin);
-  }, [positions]);
-  const listScroll = (e) => {
-    const scrollTop = e.target.scrollTop;
-    if (scrollTop <= 0) {
-      e.target.scrollTop = 0;
-      return setStartOffset(0);
-    }
-    if (!itemEqual) {
-      updateTotalSize();
-    }
-    start.current = Math.floor(scrollTop / (itemHeight + margin));
-    setStartOffset(scrollTop - scrollTop % (itemHeight + margin));
-    const endIndex = end();
-    if (endIndex > list.length - 1 && prevListLength.current < list.length) {
-      onScroll && onScroll();
-      prevListLength.current = list.length;
-    }
-  };
-  return React__default.createElement(
-    View,
-    Object.assign({ className: classNames("nut-virtualList-box", className) }, rest, { style: {
-      height: containerHeight ? `${offSetSize}px` : ""
-    } }),
-    React__default.createElement(
-      ScrollView,
-      { scrollY: true, bounces: false, type: "list", ref: scrollRef, className: "nut-virtuallist", style: {
-        height: `${getContainerHeight()}px`
-      }, onScroll: listScroll },
-      React__default.createElement(View, { className: "nut-virtuallist-phantom", style: { height: `${listHeight()}px` } }),
-      React__default.createElement(View, { className: "nut-virtuallist-container", ref: itemsRef, style: { transform: `translate3d(0, ${startOffset}px, 0)` } }, visibleData().map((data, index) => {
-        const dataIndex = start.current + index;
-        const keyVal = key && data[key] ? data[key] : dataIndex;
-        return React__default.createElement(View, { "data-index": `${dataIndex}`, className: "nut-virtuallist-item", key: `${keyVal}`, style: {
-          height: `${itemEqual ? `${itemHeight}px` : "auto"}`
-        } }, itemRender ? itemRender(data, dataIndex, index) : data);
-      }))
-    )
-  );
-};
-VirtualList.defaultProps = defaultProps;
-VirtualList.displayName = "NutVirtualList";
-export {
-  VirtualList as V
-};