@nutui/nutui 4.0.0-beta.9 → 4.0.1-beta.0

package/dist/packages/_es/Barrage.js

@@ -1,4 +1,4 @@
-import { useSlots, computed, ref, onMounted, onUnmounted, onDeactivated, watch, nextTick, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createCommentVNode } from "vue";
+import { useSlots, computed, ref, onMounted, onUnmounted, watch, nextTick, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createCommentVNode } from "vue";
 import { c as createComponent } from "./component-81a4c1d0.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
@@ -31,8 +31,7 @@ const _sfc_main = create({
       default: true
     }
   },
-  emits: ["click"],
-  setup(props, { slots }) {
+  setup(props) {
     const classTime = new Date().getTime();
     const slotDefault = !!useSlots().default;
     const classes = computed(() => {
@@ -51,36 +50,58 @@ const _sfc_main = create({
     const speeds = props.speeds;
     const danmuCWidth = ref(0);
     onMounted(() => {
-      var _a;
-      danmuCWidth.value = dmBody.value.offsetWidth;
+      init();
       if (slotDefault) {
-        const list = document.getElementsByClassName("slotBody" + classTime);
-        let childrens = ((_a = list == null ? void 0 : list[0]) == null ? void 0 : _a.children) || [];
-        const dmList = [];
-        if (childrens) {
-          Array.from(childrens).forEach((item) => {
-            item.style.opacity = "0";
-            dmList.push(item);
-          });
-        }
-        danmuList.value = dmList;
+        document.addEventListener("visibilitychange", function() {
+          if (document.visibilityState === "hidden") {
+            clearTime();
+            index2.value = 0;
+            eleSlot("hidden");
+          } else if (document.visibilityState === "visible") {
+            init();
+          }
+        });
       }
-      setTimeout(() => {
-        var _a2;
-        (_a2 = dmBody.value) == null ? void 0 : _a2.style.setProperty("--move-distance", `-${danmuCWidth.value}px`);
-        run();
-      }, 300);
     });
     onUnmounted(() => {
       danmuList.value = [];
-      clearInterval(timer);
-      timer = 0;
+      clearTime();
     });
-    onDeactivated(() => {
-      danmuList.value = [];
-      clearInterval(timer);
+    const init = () => {
+      danmuCWidth.value = dmBody.value.offsetWidth;
+      if (slotDefault) {
+        eleSlot("init");
+      }
+      setTimeout(() => {
+        var _a;
+        (_a = dmBody.value) == null ? void 0 : _a.style.setProperty("--move-distance", `-${danmuCWidth.value}px`);
+        run();
+      }, 300);
+    };
+    const eleSlot = (flag) => {
+      var _a;
+      const list = document.getElementsByClassName("slotBody" + classTime);
+      let childrens = ((_a = list == null ? void 0 : list[0]) == null ? void 0 : _a.children) || [];
+      const dmList = [];
+      if (childrens) {
+        Array.from(childrens).forEach((item) => {
+          if (flag == "init") {
+            item.style.opacity = "0";
+            dmList.push(item);
+          } else {
+            item.classList = "";
+            item.style = {};
+          }
+        });
+      }
+      if (flag == "init") {
+        danmuList.value = dmList;
+      }
+    };
+    const clearTime = () => {
+      clearTimeout(timer);
       timer = 0;
-    });
+    };
     watch(
       () => props.danmu,
       (newValue) => {
@@ -98,11 +119,9 @@ const _sfc_main = create({
       }
     };
     const run = () => {
-      clearInterval(timer);
-      timer = 0;
+      clearTime();
       timer = setTimeout(() => {
         play();
-        run();
       }, props.frequency);
     };
     const play = () => {
@@ -131,21 +150,20 @@ const _sfc_main = create({
           const width = el.offsetWidth;
           el.style.width = width + 20 + "px";
         }
-        el.dataset.index = `${_index}`;
-        if (slotDefault) {
-          index2.value++;
-          el.addEventListener("animationend", () => {
-            var _a3;
-            if ((_a3 = el == null ? void 0 : el.classList) == null ? void 0 : _a3.contains("move")) {
-              el.classList.remove("move");
-            }
-          });
-        } else {
-          el.addEventListener("animationend", () => {
+        el.addEventListener("animationend", () => {
+          if (slotDefault) {
+            el.classList.remove("move");
+          } else {
             dmContainer.value.removeChild(el);
-          });
-          index2.value++;
+          }
+        });
+        index2.value++;
+        if (index2.value >= danmuList.value.length) {
+          index2.value = 0;
         }
+        el.removeEventListener("animationend", () => {
+        });
+        run();
       });
     };
     return { classTime, classes, danmuList, dmBody, dmContainer, add };

package/dist/packages/_es/Calendar.js

@@ -1,7 +1,7 @@
 import { computed, ref, resolveComponent, openBlock, createBlock, withCtx, createSlots, renderSlot, createCommentVNode } from "vue";
 import { c as createComponent } from "./component-81a4c1d0.js";
-import { C as CalendarItem, U as Utils } from "./index-350a8abd.js";
-import { P as Popup } from "./index-da7aa231.js";
+import { C as CalendarItem, U as Utils } from "./index-fa0050c9.js";
+import { P as Popup } from "./index-991c279f.js";
 import { u as useExpose } from "./index-79c5dc33.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
@@ -86,13 +86,13 @@ const _sfc_main = create({
       return slots.btn;
     });
     const topInfo = computed(() => {
-      return slots.topInfo;
+      return slots["top-info"];
     });
     const dayInfo = computed(() => {
       return slots.day;
     });
     const bottomInfo = computed(() => {
-      return slots.bottomInfo;
+      return slots["bottom-info"];
     });
     const calendarRef = ref(null);
     const scrollToDate = (date) => {
@@ -189,18 +189,18 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           key: "1"
         } : void 0,
         _ctx.topInfo ? {
-          name: "topInfo",
+          name: "top-info",
           fn: withCtx((date) => [
-            renderSlot(_ctx.$slots, "topInfo", {
+            renderSlot(_ctx.$slots, "top-info", {
               date: date.date
             })
           ]),
           key: "2"
         } : void 0,
         _ctx.bottomInfo ? {
-          name: "bottomInfo",
+          name: "bottom-info",
           fn: withCtx((date) => [
-            renderSlot(_ctx.$slots, "bottomInfo", {
+            renderSlot(_ctx.$slots, "bottom-info", {
               date: date.date
             })
           ]),
@@ -249,18 +249,18 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       key: "1"
     } : void 0,
     _ctx.topInfo ? {
-      name: "topInfo",
+      name: "top-info",
       fn: withCtx((date) => [
-        renderSlot(_ctx.$slots, "topInfo", {
+        renderSlot(_ctx.$slots, "top-info", {
           date: date.date
         })
       ]),
       key: "2"
     } : void 0,
     _ctx.bottomInfo ? {
-      name: "bottomInfo",
+      name: "bottom-info",
       fn: withCtx((date) => [
-        renderSlot(_ctx.$slots, "bottomInfo", {
+        renderSlot(_ctx.$slots, "bottom-info", {
           date: date.date
         })
       ]),

package/dist/packages/_es/CalendarItem.js

@@ -1,4 +1,4 @@
-import { C } from "./index-350a8abd.js";
+import { C } from "./index-fa0050c9.js";
 import "vue";
 import "./_plugin-vue_export-helper-cc2b3d55.js";
 import "./component-81a4c1d0.js";

package/dist/packages/_es/Card.js

@@ -13,32 +13,25 @@ const _sfc_main = create({
   },
   props: {
     imgUrl: {
-      type: String,
-      default: ""
+      type: String
     },
     title: {
-      type: String,
-      default: ""
+      type: String
     },
     price: {
-      type: String,
-      default: ""
+      type: String
     },
     vipPrice: {
-      type: String,
-      default: ""
+      type: String
     },
     shopDesc: {
-      type: String,
-      default: ""
+      type: String
     },
     delivery: {
-      type: String,
-      default: ""
+      type: String
     },
     shopName: {
-      type: String,
-      default: ""
+      type: String
     },
     isNeedPrice: {
       type: Boolean,

package/dist/packages/_es/Cascader.js

@@ -5,7 +5,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 import { computed, ref, watch, resolveComponent, openBlock, createBlock, withCtx, createElementBlock, Fragment, renderList, createElementVNode, normalizeClass, toDisplayString, createCommentVNode, createVNode } from "vue";
-import { P as Popup, p as popupProps } from "./index-da7aa231.js";
+import { P as Popup, p as popupProps } from "./index-991c279f.js";
 import { c as createComponent } from "./component-81a4c1d0.js";
 import { Loading, Checklist } from "@nutui/icons-vue";
 import Tabs from "./Tabs.js";
@@ -520,8 +520,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     position: "bottom",
     "pop-class": "nut-cascader__popup",
     round: "",
-    closeable: !_ctx.closeable,
-    "close-icon": _ctx.closeIcon,
+    closeable: _ctx.closeable,
     "destroy-on-close": false,
     "close-icon-position": _ctx.closeIconPosition
   }, {
@@ -546,7 +545,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       }, null, 8, ["onChange", "onPathChange", "modelValue", "options", "lazy", "lazy-load", "value-key", "text-key", "children-key", "convert-config", "visible"])
     ]),
     _: 1
-  }, 8, ["visible", "closeable", "close-icon", "close-icon-position"])) : (openBlock(), createBlock(_component_nut_cascader_item, {
+  }, 8, ["visible", "closeable", "close-icon-position"])) : (openBlock(), createBlock(_component_nut_cascader_item, {
     key: 1,
     onChange: _ctx.onChange,
     onPathChange: _ctx.onPathChange,

package/dist/packages/_es/Collapse.js

@@ -5,7 +5,7 @@ import "../locale/lang";
 const { create, componentName } = createComponent("collapse");
 const _sfc_main = create({
   props: {
-    active: {
+    modelValue: {
       type: [String, Number, Array],
       default: () => []
     },
@@ -14,7 +14,7 @@ const _sfc_main = create({
       default: false
     }
   },
-  emits: ["update:active", "change"],
+  emits: ["update:modelValue", "change"],
   setup(props, { emit }) {
     const collapseDom = ref(null);
     const collapseChldren = ref([]);
@@ -25,7 +25,7 @@ const _sfc_main = create({
       };
     });
     watch(
-      () => props.active,
+      () => props.modelValue,
       (newval) => {
         let doms = collapseChldren.value;
         Array.from(doms).forEach((item) => {
@@ -43,11 +43,11 @@ const _sfc_main = create({
       collapseChldren.value = getCurrentInstance().provides.collapseParent.children || [];
     });
     const changeVal = (val) => {
-      emit("update:active", val);
+      emit("update:modelValue", val);
       emit("change", val);
     };
     const changeValAry = (name) => {
-      const activeItem = props.active instanceof Object ? Object.values(props.active) : props.active;
+      const activeItem = props.modelValue instanceof Object ? Object.values(props.modelValue) : props.modelValue;
       let index2 = -1;
       activeItem.forEach((item, idx) => {
         if (String(item) == String(name)) {
@@ -58,9 +58,9 @@ const _sfc_main = create({
       changeVal(activeItem);
     };
     const isExpanded = (name) => {
-      const { accordion, active } = props;
+      const { accordion, modelValue } = props;
       if (accordion) {
-        return typeof active === "number" || typeof active === "string" ? active == name : false;
+        return typeof modelValue === "number" || typeof modelValue === "string" ? modelValue == name : false;
       }
     };
     provide("collapseParent", {

package/dist/packages/_es/CollapseItem.js

@@ -98,7 +98,7 @@ const _sfc_main = create({
     const toggleOpen = () => {
       if (parent.props.accordion) {
         nextTick(() => {
-          if (currentName.value == parent.props.active) {
+          if (currentName.value == parent.props.modelValue) {
             open();
           } else {
             parent.changeVal(currentName.value);
@@ -125,7 +125,7 @@ const _sfc_main = create({
     });
     const init = () => {
       const { name } = props;
-      const active = parent && parent.props.active;
+      const active = parent && parent.props.modelValue;
       nextTick(() => {
         if (typeof active == "number" || typeof active == "string") {
           if (name == active) {
@@ -205,7 +205,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, [
       createElementVNode("view", _hoisted_1, [
         createElementVNode("view", _hoisted_2, [
-          _ctx.$slots.mTitle ? renderSlot(_ctx.$slots, "mTitle", { key: 0 }) : (openBlock(), createElementBlock("view", {
+          _ctx.$slots.title ? renderSlot(_ctx.$slots, "title", { key: 0 }) : (openBlock(), createElementBlock("view", {
             key: 1,
             innerHTML: _ctx.title,
             class: "nut-collapse-item__title-mtitle"
@@ -227,9 +227,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderIcon(_ctx.icon))))
       ], 6)
     ], 2),
-    _ctx.$slots.extraRender ? (openBlock(), createElementBlock("view", _hoisted_7, [
+    _ctx.$slots.extra ? (openBlock(), createElementBlock("view", _hoisted_7, [
       createElementVNode("div", _hoisted_8, [
-        renderSlot(_ctx.$slots, "extraRender")
+        renderSlot(_ctx.$slots, "extra")
       ])
     ])) : createCommentVNode("", true),
     createElementVNode("view", _hoisted_9, [

package/dist/packages/_es/Comment.js

@@ -1,6 +1,6 @@
 import { resolveComponent, openBlock, createElementBlock, createElementVNode, createCommentVNode, normalizeClass, toDisplayString, renderSlot, createVNode, ref, watch, onMounted, Fragment, renderList, createBlock, computed, withCtx, normalizeStyle, createTextVNode } from "vue";
 import { c as createComponent } from "./component-81a4c1d0.js";
-import { Right, Fabulous, Comment, MoreX, JoySmile } from "@nutui/icons-vue";
+import { Right, Fabulous, Comment, MoreX } from "@nutui/icons-vue";
 import Rate from "./Rate.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
@@ -9,6 +9,9 @@ import "./pxCheck-c6b9f6b7.js";
 import "./index-7a7385e4.js";
 const { componentName: componentName$3, create: create$3 } = createComponent("comment-header");
 const _sfc_main$3 = create$3({
+  components: {
+    [Rate.name]: Rate
+  },
   props: {
     type: {
       type: String,
@@ -69,7 +72,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
             createVNode(_component_nut_rate, {
               modelValue: _ctx.info.score,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.info.score = $event),
-              "icon-size": "10",
+              size: "12",
               spacing: "5",
               readonly: "",
               onChange: _ctx.handleClick
@@ -94,7 +97,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
       createVNode(_component_nut_rate, {
         modelValue: _ctx.info.score,
         "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.info.score = $event),
-        "icon-size": "12",
+        size: "12",
         spacing: "3",
         readonly: ""
       }, null, 8, ["modelValue"]),
@@ -219,8 +222,7 @@ const _sfc_main$1 = create$1({
     },
     info: {
       type: Object,
-      default: () => {
-      }
+      default: () => ({})
     },
     operation: {
       type: Array,
@@ -319,13 +321,11 @@ const _sfc_main = create({
     },
     info: {
       type: Object,
-      default: () => {
-      }
+      default: () => ({})
     },
     follow: {
       type: Object,
-      default: () => {
-      }
+      default: () => ({})
     },
     labels: {
       type: Function,
@@ -337,12 +337,10 @@ const _sfc_main = create({
     }
   },
   components: {
-    [Rate.name]: Rate,
     CommentHeader,
     CommentImages,
     CommentBottom,
-    Right,
-    JoySmile
+    Right
   },
   emits: ["click", "clickImages", "clickOperate"],
   setup(props, { emit }) {
@@ -401,7 +399,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       class: "nut-comment__main",
       style: normalizeStyle(`-webkit-line-clamp:${_ctx.conEllipsis}`),
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args)),
-      innerHTML: _ctx.info.content.replace(/\n/g, "<br>")
+      innerHTML: _ctx.info.content
     }, null, 12, _hoisted_1),
     createVNode(_component_comment_images, {
       images: _ctx.images,

package/dist/packages/_es/ConfigProvider.js

@@ -14,10 +14,44 @@ const _sfc_main = create({
       str = str.replace(str.charAt(0), str.charAt(0).toLocaleLowerCase());
       return str.replace(/([a-z])([A-Z])/g, (_, p1, p2) => p1 + "-" + p2.toLowerCase());
     };
+    const colorRgb = (str) => {
+      if (!str)
+        return;
+      var sColor = str.toLowerCase();
+      var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/;
+      if (sColor && reg.test(sColor)) {
+        if (sColor.length === 4) {
+          var sColorNew = "#";
+          for (var i = 1; i < 4; i += 1) {
+            sColorNew += sColor.slice(i, i + 1).concat(sColor.slice(i, i + 1));
+          }
+          sColor = sColorNew;
+        }
+        var sColorChange = [];
+        for (var i = 1; i < 7; i += 2) {
+          sColorChange.push(parseInt("0x" + sColor.slice(i, i + 2)));
+        }
+        return sColorChange.join(",");
+      }
+      return null;
+    };
     const mapThemeVarsToCSSVars = (themeVars) => {
+      var _a;
       if (!themeVars)
         return;
       const cssVars = {};
+      const primaryColor = (_a = props == null ? void 0 : props.themeVars) == null ? void 0 : _a.primaryColor;
+      if (primaryColor) {
+        cssVars[`--nut-address-region-tab-line`] = `linear-gradient(90deg, ${primaryColor} 0%, rgba(${colorRgb(
+          primaryColor
+        )},0.15) 100%) `;
+        cssVars[`--nut-tabs-horizontal-tab-line-color`] = `linear-gradient(90deg, ${primaryColor} 0%, rgba(${colorRgb(
+          primaryColor
+        )},0.15)100%)`;
+        cssVars[`--nut-tabs-vertical-tab-line-color`] = `linear-gradient(180deg, ${primaryColor} 0%, rgba(${colorRgb(
+          primaryColor
+        )},0.15) 100%) `;
+      }
       Object.keys(themeVars).forEach((key) => {
         cssVars[`--nut-${kebabCase(key)}`] = themeVars[key];
       });

package/dist/packages/_es/Countup.js

@@ -338,11 +338,7 @@ const _sfc_main = create({
           timeOut && clearTimeout(timeOut);
           el.style.transition = "none";
           el.style.top = "0";
-          if (turningNum == 10) {
-            if (el.previousSibling) {
-              runStep(el.previousSibling);
-            }
-          }
+          reset(el, turningNum);
         }, 0.975 * props.during);
       } else {
         el.style.top = `-${data.sortFlag == "add" ? turningNum * 100 : (10 - turningNum) * 100}%`;
@@ -351,6 +347,15 @@ const _sfc_main = create({
         runStep(el.previousSibling);
       }
     };
+    const reset = (el, turningNum) => {
+      setTimeout(() => {
+        if (turningNum == 10) {
+          if (el.previousSibling) {
+            runStep(el.previousSibling);
+          }
+        }
+      }, 200);
+    };
     const imgNumberScroll = () => {
       if (data.pointNum != 0) {
         Math.pow(10, data.pointNum);

package/dist/packages/_es/Dialog.js

@@ -7,7 +7,7 @@ var __publicField = (obj, key, value) => {
 import { ref, onMounted, watch, computed, resolveComponent, openBlock, createBlock, normalizeStyle, withCtx, createElementVNode, normalizeClass, createElementBlock, renderSlot, Fragment, createTextVNode, toDisplayString, createCommentVNode, resolveDynamicComponent, h } from "vue";
 import { c as createComponent } from "./component-81a4c1d0.js";
 import { f as funInterceptor } from "./interceptor-956b24fc.js";
-import { P as Popup, p as popupProps } from "./index-da7aa231.js";
+import { P as Popup, p as popupProps } from "./index-991c279f.js";
 import Button from "./Button.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import Overlay from "./Overlay.js";
@@ -159,6 +159,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     "close-on-click-overlay": _ctx.closeOnClickOverlay,
     "lock-scroll": _ctx.lockScroll,
     "pop-class": _ctx.popClass,
+    "overlay-class": _ctx.overlayClass,
+    "overlay-style": _ctx.overlayStyle,
     style: normalizeStyle(_ctx.popStyle),
     round: "",
     onClickOverlay: _ctx.closed,
@@ -217,7 +219,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ], 2)
     ]),
     _: 3
-  }, 8, ["teleport", "visible", "close-on-click-overlay", "lock-scroll", "pop-class", "style", "onClickOverlay", "onClickCloseIcon"]);
+  }, 8, ["teleport", "visible", "close-on-click-overlay", "lock-scroll", "pop-class", "overlay-class", "overlay-style", "style", "onClickOverlay", "onClickCloseIcon"]);
 }
 const Dialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 class DialogOptions {
@@ -247,7 +249,7 @@ class DialogOptions {
     __publicField(this, "noCancelBtn", false);
     __publicField(this, "okBtnDisabled", false);
     __publicField(this, "closeOnPopstate", false);
-    __publicField(this, "lockScroll", false);
+    __publicField(this, "lockScroll", true);
   }
 }
 class DialogFunction {
@@ -284,7 +286,6 @@ const showDialog = function(options) {
 };
 showDialog.install = (app) => {
   app.use(Dialog);
-  app.config.globalProperties.$dialog = showDialog;
 };
 export {
   DialogOptions,

package/dist/packages/_es/Ellipsis.js

@@ -54,9 +54,6 @@ const _sfc_main = create({
       () => props.content,
       (newV, oldVal) => {
         if (newV != oldVal) {
-          if (container) {
-            document.body.appendChild(container);
-          }
           createContainer();
         }
       }
@@ -95,6 +92,7 @@ const _sfc_main = create({
     const calcEllipse = () => {
       if (container.offsetHeight <= maxHeight) {
         state.exceeded = false;
+        document.body.removeChild(container);
       } else {
         state.exceeded = true;
         const end = props.content.length;

package/dist/packages/_es/ImagePreview.js

@@ -9,11 +9,11 @@ import { c as createComponent, e as clamp, d as preventDefault, i as isArray } f
 import { u as useRect } from "./index-29892cda.js";
 import { u as useTouch } from "./index-7a7385e4.js";
 import Video from "./Video.js";
+import SwiperItem from "./SwiperItem.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import { CircleClose } from "@nutui/icons-vue";
-import { P as Popup } from "./index-da7aa231.js";
+import { P as Popup } from "./index-991c279f.js";
 import Swiper from "./Swiper.js";
-import SwiperItem from "./SwiperItem.js";
 import { f as funInterceptor } from "./interceptor-956b24fc.js";
 import "../locale/lang";
 import { C as CreateComponent } from "./mountComponent-1ece4110.js";
@@ -50,7 +50,8 @@ const _sfc_main$1 = create$1({
   },
   emits: ["close", "scale"],
   components: {
-    [Video.name]: Video
+    [Video.name]: Video,
+    [SwiperItem.name]: SwiperItem
   },
   setup(props, { emit }) {
     const state = reactive({
@@ -307,8 +308,7 @@ const _sfc_main = create({
     ImagePreviewItem,
     CircleClose,
     [Popup.name]: Popup,
-    [Swiper.name]: Swiper,
-    [SwiperItem.name]: SwiperItem
+    [Swiper.name]: Swiper
   },
   setup(props, { emit }) {
     const swipeRef = ref();
@@ -498,7 +498,6 @@ class ImagePreviewFunction {
 const showImagePreview = (options) => new ImagePreviewFunction(options);
 showImagePreview.install = (app) => {
   app.use(ImagePreview);
-  app.config.globalProperties.$imagepreview = showImagePreview;
 };
 export {
   ImagePreviewOptions,

package/dist/packages/_es/InfiniteLoading.js

@@ -28,14 +28,6 @@ const _sfc_main = create({
       type: String,
       default: ""
     },
-    useWindow: {
-      type: Boolean,
-      default: true
-    },
-    containerId: {
-      type: String,
-      default: ""
-    },
     useCapture: {
       type: Boolean,
       default: false
@@ -159,7 +151,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("view", _hoisted_2, [
       _ctx.isInfiniting ? (openBlock(), createElementBlock("view", _hoisted_3, [
         renderSlot(_ctx.$slots, "loading", {}, () => [
-          renderSlot(_ctx.$slots, "loadIcon", {}, () => [
+          renderSlot(_ctx.$slots, "loading-icon", {}, () => [
             createVNode(_component_Loading, { class: "nut-icon-loading nut-infinite__bottom-box__img" })
           ]),
           createElementVNode("view", _hoisted_4, toDisplayString(_ctx.loadTxt || _ctx.translate("loading")), 1)