@nutui/nutui 3.1.10 → 3.1.12-beta.1

package/dist/packages/_es/Form.js

@@ -0,0 +1,137 @@
+/*!
+* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 GMT+0800 (中国标准时间)
+* (c) 2021 @jdf2e.
+* Released under the MIT License.
+*/
+import { c as createComponent } from "./component.js";
+import { i as isPromise } from "./util.js";
+import { computed, reactive, provide, watch, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, renderSlot } from "vue";
+const component = {
+  props: {
+    modelValue: {
+      type: Object,
+      default: {}
+    }
+  },
+  components: {},
+  emits: ["validate"],
+  setup(props, { emit, slots }) {
+    const formErrorTip = computed(() => reactive({}));
+    provide("formErrorTip", formErrorTip);
+    const init = (value = props.modelValue) => {
+      Object.keys(value).forEach((item) => {
+        formErrorTip.value[item] = "";
+      });
+    };
+    const reset = () => {
+      init();
+    };
+    watch(() => props.modelValue, (value) => {
+      init(value);
+    }, { immediate: true });
+    const findFormItem = (vnodes) => {
+      let task = [];
+      vnodes.forEach((vnode, index) => {
+        var _a, _b;
+        let type = vnode.type;
+        type = type.name || type;
+        if (type == "nut-form-item") {
+          task.push({
+            prop: (_a = vnode.props) == null ? void 0 : _a["prop"],
+            rules: ((_b = vnode.props) == null ? void 0 : _b["rules"]) || []
+          });
+        }
+      });
+      return task;
+    };
+    const tipMessage = (errorMsg) => {
+      if (errorMsg.message) {
+        emit("validate", errorMsg);
+      }
+      formErrorTip.value[errorMsg.prop] = errorMsg.message;
+    };
+    const checkRule = (item) => {
+      const { rules, prop } = item;
+      const _Promise = (errorMsg) => {
+        return new Promise((resolve, reject) => {
+          tipMessage(errorMsg);
+          resolve(errorMsg);
+        });
+      };
+      const value = props.modelValue[prop];
+      tipMessage({ prop, message: "" });
+      while (rules.length) {
+        const { required, validator, regex, message } = rules.shift();
+        const errorMsg = { prop, message };
+        if (required) {
+          if (!value) {
+            return _Promise(errorMsg);
+          }
+        }
+        if (regex && !regex.test(String(value))) {
+          return _Promise(errorMsg);
+        }
+        if (validator) {
+          const result = validator(value);
+          if (isPromise(result)) {
+            return new Promise((r, j) => {
+              result.then((res) => {
+                if (!res) {
+                  tipMessage(errorMsg);
+                  r(errorMsg);
+                } else {
+                  r(true);
+                }
+              });
+            });
+          } else {
+            if (!result) {
+              return _Promise(errorMsg);
+            }
+          }
+        }
+      }
+      return Promise.resolve(true);
+    };
+    const validate = () => {
+      return new Promise((resolve, reject) => {
+        let task = findFormItem(slots.default());
+        let errors = task.map((item) => {
+          return checkRule(item);
+        });
+        Promise.all(errors).then((errorRes) => {
+          errorRes = errorRes.filter((item) => item != true);
+          const res = { valid: true, errors: [] };
+          if (errorRes.length) {
+            res.valid = false;
+            res.errors = errorRes;
+          }
+          resolve(res);
+        });
+      });
+    };
+    const onSubmit = () => {
+      validate();
+      return false;
+    };
+    return { validate, reset, onSubmit, formErrorTip };
+  }
+};
+const { create } = createComponent("form");
+var _sfc_main = create(component);
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_cell_group = resolveComponent("nut-cell-group");
+  return openBlock(), createElementBlock("form", {
+    class: "nut-form",
+    onSubmit: _cache[0] || (_cache[0] = (...args) => _ctx.onSubmit && _ctx.onSubmit(...args))
+  }, [
+    createVNode(_component_nut_cell_group, null, {
+      default: withCtx(() => [
+        renderSlot(_ctx.$slots, "default")
+      ]),
+      _: 3
+    })
+  ], 32);
+}
+_sfc_main.render = _sfc_render;
+export { _sfc_main as default };

package/dist/packages/_es/FormItem.js

@@ -0,0 +1,109 @@
+/*!
+* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 GMT+0800 (中国标准时间)
+* (c) 2021 @jdf2e.
+* Released under the MIT License.
+*/
+import { p as pxCheck } from "./pxCheck.js";
+import { inject, computed, resolveComponent, openBlock, createBlock, normalizeClass, withCtx, createElementBlock, normalizeStyle, toDisplayString, createCommentVNode, createElementVNode, renderSlot } from "vue";
+import { c as createComponent } from "./component.js";
+const { componentName, create } = createComponent("form-item");
+var _sfc_main = create({
+  inheritAttrs: false,
+  props: {
+    prop: {
+      type: String,
+      default: ""
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    rules: {
+      type: Array,
+      default: () => {
+        return [];
+      }
+    },
+    required: {
+      type: Boolean,
+      default: false
+    },
+    showErrorMessage: {
+      type: Boolean,
+      default: true
+    },
+    showErrorLine: {
+      type: Boolean,
+      default: true
+    },
+    labelWidth: {
+      type: [String, Number],
+      default: ""
+    },
+    labelAlign: {
+      type: String,
+      default: "left"
+    },
+    errorMessageAlign: {
+      type: String,
+      default: "left"
+    },
+    bodyAlign: {
+      type: String,
+      default: "left"
+    }
+  },
+  components: {},
+  emits: [""],
+  setup(props, { emit }) {
+    const parent = inject("formErrorTip");
+    const labelStyle = computed(() => {
+      return {
+        width: pxCheck(props.labelWidth),
+        textAlign: props.labelAlign
+      };
+    });
+    const bodyStyle = computed(() => {
+      return {
+        textAlign: props.bodyAlign
+      };
+    });
+    const errorMessageStyle = computed(() => {
+      return {
+        textAlign: props.errorMessageAlign
+      };
+    });
+    return { parent, labelStyle, bodyStyle, errorMessageStyle };
+  }
+});
+const _hoisted_1 = { class: "nut-cell__value nut-form-item__body" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_cell = resolveComponent("nut-cell");
+  return openBlock(), createBlock(_component_nut_cell, {
+    class: normalizeClass(["nut-form-item", { error: _ctx.parent[_ctx.prop], line: _ctx.showErrorLine }])
+  }, {
+    default: withCtx(() => [
+      _ctx.label ? (openBlock(), createElementBlock("view", {
+        key: 0,
+        class: normalizeClass(["nut-cell__title nut-form-item__label", { required: _ctx.required }]),
+        style: normalizeStyle(_ctx.labelStyle)
+      }, toDisplayString(_ctx.label), 7)) : createCommentVNode("", true),
+      createElementVNode("view", _hoisted_1, [
+        createElementVNode("view", {
+          class: "nut-form-item__body__slots",
+          style: normalizeStyle(_ctx.bodyStyle)
+        }, [
+          renderSlot(_ctx.$slots, "default")
+        ], 4),
+        _ctx.parent[_ctx.prop] && _ctx.showErrorMessage ? (openBlock(), createElementBlock("view", {
+          key: 0,
+          class: "nut-form-item__body__tips",
+          style: normalizeStyle(_ctx.errorMessageStyle)
+        }, toDisplayString(_ctx.parent[_ctx.prop]), 5)) : createCommentVNode("", true)
+      ])
+    ]),
+    _: 3
+  }, 8, ["class"]);
+}
+_sfc_main.render = _sfc_render;
+export { _sfc_main as default };

package/dist/packages/_es/Icon.js

@@ -1,44 +1,10 @@
 /*!
-* @nutui/nutui v3.1.10 Fri Nov 05 2021 19:52:49 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
-import { h } from "vue";
-import { c as createComponent } from "./component.js";
-import { p as pxCheck } from "./pxCheck.js";
-const { componentName, create } = createComponent("icon");
-const _sfc_main = create({
-  props: {
-    name: { type: String, default: "" },
-    size: { type: [String, Number], default: "" },
-    classPrefix: { type: String, default: "nut-icon" },
-    fontClassName: { type: String, default: "nutui-iconfont" },
-    color: { type: String, default: "" },
-    tag: { type: String, default: "i" }
-  },
-  emits: ["click"],
-  setup(props, { emit, slots }) {
-    const handleClick = (event) => {
-      emit("click", event);
-    };
-    const isImage = () => {
-      return props.name ? props.name.indexOf("/") !== -1 : false;
-    };
-    return () => {
-      var _a;
-      const _isImage = isImage();
-      return h(_isImage ? "img" : props.tag, {
-        class: _isImage ? `${componentName}__img` : `${props.fontClassName} ${componentName} ${props.classPrefix}-${props.name}`,
-        style: {
-          color: props.color,
-          fontSize: pxCheck(props.size),
-          width: pxCheck(props.size),
-          height: pxCheck(props.size)
-        },
-        onClick: handleClick,
-        src: _isImage ? props.name : ""
-      }, (_a = slots.default) == null ? void 0 : _a.call(slots));
-    };
-  }
-});
-export { _sfc_main as default };
+import { _ as _sfc_main } from "./index.taro.vue_vue&type=script&lang.js";
+export { _ as default } from "./index.taro.vue_vue&type=script&lang.js";
+import "vue";
+import "./component.js";
+import "./pxCheck.js";

package/dist/packages/_es/ImagePreview.js

@@ -17,20 +17,23 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __require = typeof require !== "undefined" ? require : (x) => {
+  throw new Error('Dynamic require of "' + x + '" is not supported');
+};
 /*!
-* @nutui/nutui v3.1.10 Fri Nov 05 2021 19:52:49 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
 import { toRefs, reactive, watch, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createBlock, Fragment, renderList, createElementVNode, createCommentVNode, toDisplayString } from "vue";
 import { c as createComponent } from "./component.js";
-import Popup from "./Popup.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import _sfc_main$1 from "./Popup.js";
+import "./use-lock-scroll.js";
 import "./OverLay.js";
-import "./Icon.js";
+import "./index.taro.vue_vue&type=script&lang.js";
 import "./pxCheck.js";
 const { componentName, create } = createComponent("imagepreview");
-const _sfc_main = create({
+var _sfc_main = create({
   props: {
     show: {
       type: Boolean,
@@ -42,16 +45,16 @@ const _sfc_main = create({
     }
   },
   components: {
-    [Popup.name]: Popup
+    [_sfc_main$1.name]: _sfc_main$1
   },
   setup(props, { emit }) {
-    const { show, images } = toRefs(props);
+    const { value, images } = toRefs(props);
     const state = reactive({
-      showPop: show,
+      showPop: value,
       active: 1
     });
     const slideChangeEnd = function(page) {
-      state.active = page + 1;
+      state.active = page.detail.current + 1;
     };
     const closePop = function() {
       state.showPop = false;
@@ -71,8 +74,8 @@ const _hoisted_1 = { class: "nut-imagepreview" };
 const _hoisted_2 = ["src"];
 const _hoisted_3 = { class: "nut-imagepreview-index" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_swiper_item = resolveComponent("nut-swiper-item");
-  const _component_nut_swiper = resolveComponent("nut-swiper");
+  const _component_swiper_item = resolveComponent("swiper-item");
+  const _component_swiper = resolveComponent("swiper");
   const _component_nut_popup = resolveComponent("nut-popup");
   return openBlock(), createElementBlock("view", _hoisted_1, [
     createVNode(_component_nut_popup, {
@@ -82,18 +85,17 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       onClick: _ctx.closePop
     }, {
       default: withCtx(() => [
-        _ctx.showPop ? (openBlock(), createBlock(_component_nut_swiper, {
+        _ctx.showPop ? (openBlock(), createBlock(_component_swiper, {
           key: 0,
-          "auto-play": 3e3,
+          autoplay: true,
+          interval: 3e3,
           class: "nut-imagepreview-swiper",
-          loop: true,
-          direction: "horizontal",
-          onChange: _ctx.slideChangeEnd,
-          "is-preventDefault": false
+          circular: true,
+          onChange: _ctx.slideChangeEnd
         }, {
           default: withCtx(() => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.images, (item, index2) => {
-              return openBlock(), createBlock(_component_nut_swiper_item, { key: index2 }, {
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.images, (item, index) => {
+              return openBlock(), createBlock(_component_swiper_item, { key: index }, {
                 default: withCtx(() => [
                   createElementVNode("img", {
                     src: item.imgSrc,
@@ -112,5 +114,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["visible", "onClick"])
   ]);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+_sfc_main.render = _sfc_render;
+export { _sfc_main as default };

package/dist/packages/_es/InfiniteLoading.js

@@ -17,16 +17,21 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __require = typeof require !== "undefined" ? require : (x) => {
+  throw new Error('Dynamic require of "' + x + '" is not supported');
+};
 /*!
-* @nutui/nutui v3.1.10 Fri Nov 05 2021 19:52:49 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
-import { reactive, computed, onMounted, onUnmounted, ref, onActivated, onDeactivated, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, createVNode, toDisplayString, renderSlot, createCommentVNode } from "vue";
+import { reactive, computed, onMounted, toRefs, resolveComponent, openBlock, createBlock, normalizeClass, withCtx, createElementVNode, normalizeStyle, createVNode, toDisplayString, renderSlot, createElementBlock, createCommentVNode } from "vue";
 import { c as createComponent } from "./component.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { _ as _sfc_main$1 } from "./index.taro.vue_vue&type=script&lang.js";
+import Taro from "@tarojs/taro";
+import "./pxCheck.js";
 const { componentName, create } = createComponent("infiniteloading");
-const _sfc_main = create({
+var _sfc_main = create({
   props: {
     hasMore: {
       type: Boolean,
@@ -74,14 +79,16 @@ const _sfc_main = create({
     }
   },
   emits: ["scroll-change", "load-more", "refresh"],
+  components: {
+    "nut-icon": _sfc_main$1
+  },
   setup(props, { emit, slots }) {
     const state = reactive({
-      scrollEl: window,
-      scroller: null,
-      refreshTop: null,
-      beforeScrollTop: 0,
-      isTouching: false,
+      scrollHeight: 0,
+      scrollTop: 0,
       isInfiniting: false,
+      direction: "down",
+      isTouching: false,
       refreshMaxH: 0,
       y: 0,
       x: 0,
@@ -100,69 +107,46 @@ const _sfc_main = create({
       };
     });
     const getParentElement = (el) => {
-      return !!props.containerId ? document.querySelector(`#${props.containerId}`) : el && el.parentNode;
-    };
-    const requestAniFrame = () => {
-      return window.requestAnimationFrame || window.webkitRequestAnimationFrame || function(callback) {
-        window.setTimeout(callback, 1e3 / 60);
-      };
+      return Taro.createSelectorQuery().select(!!props.containerId ? `#${props.containerId} #${el}` : `#${el}`);
     };
-    const getWindowScrollTop = () => {
-      return window.pageYOffset !== void 0 ? window.pageYOffset : (document.documentElement || document.body.parentNode || document.body).scrollTop;
+    const getScrollHeight = () => {
+      const parentElement = getParentElement("scroller");
+      parentElement.boundingClientRect((rect) => {
+        state.scrollHeight = rect.height;
+      }).exec();
     };
-    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 (props.useWindow) {
-        if (state.scroller) {
-          offsetDistance = calculateTopPosition(state.scroller) + state.scroller.offsetHeight - windowScrollTop - window.innerHeight;
-        }
-        resScrollTop = windowScrollTop;
+    const lower = () => {
+      if (state.direction == "up" || !props.hasMore || state.isInfiniting) {
+        return false;
       } else {
-        const { scrollHeight, clientHeight, scrollTop } = state.scrollEl;
-        offsetDistance = scrollHeight - clientHeight - scrollTop;
-        resScrollTop = scrollTop;
+        state.isInfiniting = true;
+        emit("load-more", infiniteDone);
+      }
+    };
+    const scroll = (e) => {
+      if (e.detail.scrollTop <= 0) {
+        e.detail.scrollTop = 0;
+      } else if (e.detail.scrollTop >= state.scrollHeight) {
+        e.detail.scrollTop = state.scrollHeight;
       }
-      if (state.beforeScrollTop > resScrollTop) {
-        direction = "up";
+      if (e.detail.scrollTop > state.scrollTop || e.detail.scrollTop >= state.scrollHeight) {
+        state.direction = "down";
       } else {
-        direction = "down";
+        state.direction = "up";
       }
-      state.beforeScrollTop = resScrollTop;
-      emit("scroll-change", resScrollTop);
-      return offsetDistance <= props.threshold && direction == "down";
+      state.scrollTop = e.detail.scrollTop;
+      emit("scroll-change", e.detail.scrollTop);
     };
     const infiniteDone = () => {
       state.isInfiniting = false;
     };
-    const handleScroll = () => {
-      requestAniFrame()(() => {
-        if (!isScrollAtBottom() || !props.hasMore || state.isInfiniting) {
-          return false;
-        } else {
-          state.isInfiniting = true;
-          emit("load-more", infiniteDone);
-        }
-      });
-    };
-    const scrollListener = () => {
-      state.scrollEl.addEventListener("scroll", handleScroll, props.useCapture);
-    };
-    const refreshDone = () => {
-      state.distance = 0;
-      state.isTouching = false;
-    };
     const touchStart = (event) => {
-      if (state.beforeScrollTop == 0 && !state.isTouching && props.isOpenRefresh) {
+      if (state.scrollTop == 0 && !state.isTouching && props.isOpenRefresh) {
         state.y = event.touches[0].pageY;
         state.isTouching = true;
-        const childHeight = state.refreshTop.firstElementChild.offsetHeight;
-        state.refreshMaxH = Math.floor(childHeight * 1 + 10);
+        getParentElement("refreshTop").boundingClientRect((rect) => {
+          state.refreshMaxH = Math.floor(rect.height * 1 + 10);
+        }).exec();
       }
     };
     const touchMove = (event) => {
@@ -183,28 +167,20 @@ const _sfc_main = create({
         emit("refresh", refreshDone);
       }
     };
+    const refreshDone = () => {
+      state.distance = 0;
+      state.isTouching = false;
+    };
     onMounted(() => {
-      const parentElement = getParentElement(state.scroller);
-      state.scrollEl = props.useWindow ? window : parentElement;
-      scrollListener();
-    });
-    onUnmounted(() => {
-      state.scrollEl.removeEventListener("scroll", handleScroll, props.useCapture);
-    });
-    const isKeepAlive = ref(false);
-    onActivated(() => {
-      if (isKeepAlive.value) {
-        isKeepAlive.value = false;
-        scrollListener();
-      }
-    });
-    onDeactivated(() => {
-      isKeepAlive.value = true;
-      state.scrollEl.removeEventListener("scroll", handleScroll, props.useCapture);
+      setTimeout(() => {
+        getScrollHeight();
+      }, 200);
     });
     return __spreadProps(__spreadValues({
       classes
     }, toRefs(state)), {
+      lower,
+      scroll,
       touchStart,
       touchMove,
       touchEnd,
@@ -212,7 +188,10 @@ const _sfc_main = create({
     });
   }
 });
-const _hoisted_1 = { class: "top-box" };
+const _hoisted_1 = {
+  class: "top-box",
+  id: "refreshTop"
+};
 const _hoisted_2 = { class: "top-text" };
 const _hoisted_3 = { class: "nut-infinite-container" };
 const _hoisted_4 = { class: "nut-infinite-bottom" };
@@ -227,39 +206,46 @@ const _hoisted_7 = {
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
-  return openBlock(), createElementBlock("view", {
+  const _component_scroll_view = resolveComponent("scroll-view");
+  return openBlock(), createBlock(_component_scroll_view, {
     class: normalizeClass(_ctx.classes),
-    ref: "scroller",
-    onTouchstart: _cache[0] || (_cache[0] = (...args) => _ctx.touchStart && _ctx.touchStart(...args)),
-    onTouchmove: _cache[1] || (_cache[1] = (...args) => _ctx.touchMove && _ctx.touchMove(...args)),
-    onTouchend: _cache[2] || (_cache[2] = (...args) => _ctx.touchEnd && _ctx.touchEnd(...args))
-  }, [
-    createElementVNode("view", {
-      class: "nut-infinite-top",
-      ref: "refreshTop",
-      style: normalizeStyle(_ctx.getStyle)
-    }, [
-      createElementVNode("view", _hoisted_1, [
-        createVNode(_component_nut_icon, {
-          class: "top-img",
-          name: _ctx.pullIcon
-        }, null, 8, ["name"]),
-        createElementVNode("view", _hoisted_2, toDisplayString(_ctx.pullTxt), 1)
+    scrollY: "true",
+    style: { "height": "100%" },
+    id: "scroller",
+    onScrolltolower: _ctx.lower,
+    onScroll: _ctx.scroll,
+    onTouchstart: _ctx.touchStart,
+    onTouchmove: _ctx.touchMove,
+    onTouchend: _ctx.touchEnd
+  }, {
+    default: withCtx(() => [
+      createElementVNode("view", {
+        class: "nut-infinite-top",
+        style: normalizeStyle(_ctx.getStyle)
+      }, [
+        createElementVNode("view", _hoisted_1, [
+          createVNode(_component_nut_icon, {
+            class: "top-img",
+            name: _ctx.pullIcon
+          }, null, 8, ["name"]),
+          createElementVNode("view", _hoisted_2, toDisplayString(_ctx.pullTxt), 1)
+        ])
+      ], 4),
+      createElementVNode("view", _hoisted_3, [
+        renderSlot(_ctx.$slots, "default")
+      ]),
+      createElementVNode("view", _hoisted_4, [
+        _ctx.isInfiniting ? (openBlock(), createElementBlock("view", _hoisted_5, [
+          createVNode(_component_nut_icon, {
+            class: "bottom-img",
+            name: _ctx.loadIcon
+          }, null, 8, ["name"]),
+          createElementVNode("view", _hoisted_6, toDisplayString(_ctx.loadTxt), 1)
+        ])) : !_ctx.hasMore ? (openBlock(), createElementBlock("view", _hoisted_7, toDisplayString(_ctx.loadMoreTxt), 1)) : createCommentVNode("", true)
       ])
-    ], 4),
-    createElementVNode("view", _hoisted_3, [
-      renderSlot(_ctx.$slots, "default")
     ]),
-    createElementVNode("view", _hoisted_4, [
-      _ctx.isInfiniting ? (openBlock(), createElementBlock("view", _hoisted_5, [
-        createVNode(_component_nut_icon, {
-          class: "bottom-img",
-          name: _ctx.loadIcon
-        }, null, 8, ["name"]),
-        createElementVNode("view", _hoisted_6, toDisplayString(_ctx.loadTxt), 1)
-      ])) : !_ctx.hasMore ? (openBlock(), createElementBlock("view", _hoisted_7, toDisplayString(_ctx.loadMoreTxt), 1)) : createCommentVNode("", true)
-    ])
-  ], 34);
+    _: 3
+  }, 8, ["class", "onScrolltolower", "onScroll", "onTouchstart", "onTouchmove", "onTouchend"]);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+_sfc_main.render = _sfc_render;
+export { _sfc_main as default };