@nutui/nutui 4.1.0-beta.2 → 4.1.0-beta.4

package/dist/packages/_es/Image.js

@@ -1,5 +1,24 @@
-import { reactive, useSlots, computed, watch, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, createBlock, createCommentVNode, renderSlot } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { reactive, useSlots, computed, ref, onMounted, onBeforeUnmount, watch, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, createBlock, createCommentVNode, renderSlot } from "vue";
+import { c as createComponent } from "./component-8f0be7eb.js";
 import { p as pxCheck } from "./pxCheck-c6b9f6b7.js";
 import { Image, ImageError } from "@nutui/icons-vue";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
@@ -40,6 +59,10 @@ const _sfc_main = create({
     showLoading: {
       type: Boolean,
       default: true
+    },
+    lazyLoad: {
+      type: Boolean,
+      default: false
     }
   },
   components: {
@@ -61,6 +84,30 @@ const _sfc_main = create({
         [`${prefixCls}-round`]: props.round
       };
     });
+    const observer = ref(null);
+    const show = ref(false);
+    const imgRef = ref(null);
+    const initObserver = () => {
+      const options = {
+        threshold: [0],
+        rootMargin: "0px"
+      };
+      observer.value = new IntersectionObserver((entires) => {
+        entires.forEach((item) => {
+          if (item.isIntersecting) {
+            show.value = true;
+            observer.value.disconnect();
+          }
+        });
+      }, options);
+      imgRef.value && observer.value.observe(imgRef.value);
+    };
+    onMounted(() => {
+      props.lazyLoad && initObserver();
+    });
+    onBeforeUnmount(() => {
+      observer.value && observer.value.disconnect();
+    });
     const stylebox = computed(() => {
       let style = {};
       if (props.width)
@@ -87,6 +134,7 @@ const _sfc_main = create({
       }
     );
     const load = () => {
+      state.isError = false;
       state.loading = false;
       emit("load");
     };
@@ -98,10 +146,10 @@ const _sfc_main = create({
     const imageClick = (event) => {
       emit("click", event);
     };
-    return { ...toRefs(state), imageClick, classes, styles, stylebox, error, load };
+    return __spreadProps(__spreadValues({}, toRefs(state)), { imageClick, classes, styles, stylebox, error, load, show, imgRef });
   }
 });
-const _hoisted_1 = ["src", "alt"];
+const _hoisted_1 = ["src", "date-src", "alt"];
 const _hoisted_2 = {
   key: 0,
   class: "nut-img-loading"
@@ -113,20 +161,22 @@ const _hoisted_3 = {
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Image = resolveComponent("Image");
   const _component_ImageError = resolveComponent("ImageError");
-  return openBlock(), createElementBlock("view", {
+  return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.classes),
     style: normalizeStyle(_ctx.stylebox),
     onClick: _cache[2] || (_cache[2] = (...args) => _ctx.imageClick && _ctx.imageClick(...args))
   }, [
     createElementVNode("img", {
+      ref: "imgRef",
       class: "nut-img",
-      src: _ctx.src,
+      src: _ctx.lazyLoad ? _ctx.show ? _ctx.src : void 0 : _ctx.src,
+      "date-src": _ctx.lazyLoad ? _ctx.show ? void 0 : _ctx.src : void 0,
       alt: _ctx.alt,
       onLoad: _cache[0] || (_cache[0] = (...args) => _ctx.load && _ctx.load(...args)),
       onError: _cache[1] || (_cache[1] = (...args) => _ctx.error && _ctx.error(...args)),
       style: normalizeStyle(_ctx.styles)
     }, null, 44, _hoisted_1),
-    _ctx.loading ? (openBlock(), createElementBlock("view", _hoisted_2, [
+    _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_2, [
       !_ctx.slotLoding ? (openBlock(), createBlock(_component_Image, {
         key: 0,
         width: "16px",
@@ -135,7 +185,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       })) : createCommentVNode("", true),
       renderSlot(_ctx.$slots, "loading")
     ])) : createCommentVNode("", true),
-    _ctx.isError && !_ctx.loading ? (openBlock(), createElementBlock("view", _hoisted_3, [
+    _ctx.isError && !_ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_3, [
       !_ctx.slotError ? (openBlock(), createBlock(_component_ImageError, {
         key: 0,
         width: "16px",

package/dist/packages/_es/ImagePreview.js

@@ -1,22 +1,40 @@
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __pow = Math.pow;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import { reactive, computed, watch, toRefs, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, normalizeStyle, createElementBlock, createCommentVNode, ref, onMounted, Fragment, renderList, toDisplayString, normalizeClass, renderSlot, createVNode, h } from "vue";
-import { c as createComponent, e as clamp, d as preventDefault, i as isArray } from "./component-81a4c1d0.js";
+import { reactive, computed, watch, toRefs, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, normalizeStyle, createElementBlock, createCommentVNode, ref, onMounted, Fragment, renderList, toDisplayString, normalizeClass, renderSlot, createVNode, nextTick, h } from "vue";
+import { c as createComponent, e as clamp, d as preventDefault, i as isArray } from "./component-8f0be7eb.js";
 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-c55ad69e.js";
+import { P as Popup } from "./index-dc2ebe90.js";
 import Swiper from "./Swiper.js";
-import { f as funInterceptor } from "./Interceptor-956b24fc.js";
+import { f as funInterceptor } from "./Interceptor-5415601e.js";
 import "../locale/lang";
-import { C as CreateComponent } from "./mountComponent-8b24c346.js";
+import { C as CreateComponent } from "./mountComponent-f2c53efb.js";
 import Overlay from "./Overlay.js";
 import "./index-79c5dc33.js";
 import "./raf-729dad54.js";
@@ -29,8 +47,7 @@ const baseProps = {
 };
 const { create: create$1 } = createComponent("image-preview-item");
 const _sfc_main$1 = create$1({
-  props: {
-    ...baseProps,
+  props: __spreadProps(__spreadValues({}, baseProps), {
     image: {
       type: Object,
       default: () => ({})
@@ -46,8 +63,12 @@ const _sfc_main$1 = create$1({
     rootHeight: {
       type: Number,
       default: 0
+    },
+    contentClose: {
+      type: Boolean,
+      default: true
     }
-  },
+  }),
   emits: ["close", "scale"],
   components: {
     [Video.name]: Video,
@@ -127,7 +148,7 @@ const _sfc_main$1 = create$1({
       state.moveX = 0;
       state.moveY = 0;
     };
-    const getDistance = (touches) => Math.sqrt((touches[0].clientX - touches[1].clientX) ** 2 + (touches[0].clientY - touches[1].clientY) ** 2);
+    const getDistance = (touches) => Math.sqrt(__pow(touches[0].clientX - touches[1].clientX, 2) + __pow(touches[0].clientY - touches[1].clientY, 2));
     let startMoveX;
     let startMoveY;
     let startScale;
@@ -187,7 +208,9 @@ const _sfc_main$1 = create$1({
           toggleScale();
         } else {
           doubleTapTimer = setTimeout(() => {
-            emit("close");
+            if (props.contentClose) {
+              emit("close");
+            }
             doubleTapTimer = null;
           }, TAP_TIME);
         }
@@ -234,8 +257,7 @@ const _sfc_main$1 = create$1({
         }
       }
     );
-    return {
-      ...toRefs(state),
+    return __spreadProps(__spreadValues({}, toRefs(state)), {
       onTouchStart,
       onTouchMove,
       onTouchEnd,
@@ -243,7 +265,7 @@ const _sfc_main$1 = create$1({
       imageStyle,
       imageLoad,
       closeSwiper
-    };
+    });
   }
 });
 const _hoisted_1$1 = ["src"];
@@ -279,8 +301,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
 const ImagePreviewItem = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
 const { create } = createComponent("image-preview");
 const _sfc_main = create({
-  props: {
-    ...baseProps,
+  props: __spreadProps(__spreadValues({}, baseProps), {
     images: { type: Array, default: () => [] },
     videos: { type: Array, default: () => [] },
     contentClose: { type: Boolean, default: true },
@@ -303,7 +324,7 @@ const _sfc_main = create({
       type: Boolean,
       default: true
     }
-  },
+  }),
   emits: ["close", "change"],
   components: {
     ImagePreviewItem,
@@ -373,14 +394,14 @@ const _sfc_main = create({
     onMounted(() => {
       setActive(props.initNo);
     });
-    return {
-      swipeRef,
-      ...toRefs(state),
+    return __spreadProps(__spreadValues({
+      swipeRef
+    }, toRefs(state)), {
       onClose,
       mergeImages,
       setActive,
       iconClasses
-    };
+    });
   }
 });
 const _hoisted_1 = {
@@ -430,9 +451,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 show: _ctx.showPop,
                 "init-no": _ctx.active + 1,
                 onClose: _ctx.onClose,
+                "content-close": _ctx.contentClose,
                 maxZoom: _ctx.maxZoom,
                 minZoom: _ctx.minZoom
-              }, null, 8, ["video", "image", "rootHeight", "rootWidth", "show", "init-no", "onClose", "maxZoom", "minZoom"]);
+              }, null, 8, ["video", "image", "rootHeight", "rootWidth", "show", "init-no", "onClose", "content-close", "maxZoom", "minZoom"]);
             }), 128))
           ]),
           _: 1
@@ -487,7 +509,10 @@ class ImagePreviewFunction {
           setup() {
             return () => {
               options.onClose = () => {
-                unmount();
+                options.show = false;
+                nextTick(() => {
+                  unmount();
+                });
               };
               return h(ImagePreview, options);
             };

package/dist/packages/_es/Indicator.js

@@ -1,5 +1,5 @@
 import { toRefs, computed, openBlock, createElementBlock, normalizeClass, Fragment, renderList, toDisplayString } from "vue";
-import { p as padZero, c as createComponent } from "./component-81a4c1d0.js";
+import { p as padZero, c as createComponent } from "./component-8f0be7eb.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("indicator");

package/dist/packages/_es/InfiniteLoading.js

@@ -1,5 +1,24 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { ref, reactive, computed, onMounted, onUnmounted, onActivated, onDeactivated, watch, toRefs, nextTick, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createVNode, toDisplayString, createCommentVNode } from "vue";
-import { c as createComponent, l as getScrollTopRoot } from "./component-81a4c1d0.js";
+import { c as createComponent, l as getScrollTopRoot } from "./component-8f0be7eb.js";
 import { u as useScrollParent } from "./index-43c34ac6.js";
 import { r as requestAniFrame } from "./raf-729dad54.js";
 import { Loading } from "@nutui/icons-vue";
@@ -122,13 +141,13 @@ const _sfc_main = create({
         }
       }
     );
-    return {
+    return __spreadProps(__spreadValues({
       classes,
-      scroller,
-      ...toRefs(state),
+      scroller
+    }, toRefs(state)), {
       translate,
       slots
-    };
+    });
   }
 });
 const _hoisted_1 = { class: "nut-infinite__container" };

package/dist/packages/_es/Input.js

@@ -1,5 +1,21 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
 import { ref, reactive, computed, watch, onMounted, h, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createBlock, resolveDynamicComponent, normalizeStyle, toDisplayString, createTextVNode, createCommentVNode, withDirectives, createVNode, mergeProps, vShow } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
+import { c as createComponent } from "./component-8f0be7eb.js";
 import { MaskClose } from "@nutui/icons-vue";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
@@ -113,12 +129,14 @@ const _sfc_main = create({
   setup(props, { emit, slots }) {
     const active = ref(false);
     const inputRef = ref();
-    const getModelValue = () => String(props.modelValue ?? "");
+    const getModelValue = () => {
+      var _a;
+      return String((_a = props.modelValue) != null ? _a : "");
+    };
     const renderInput = (type) => {
-      return h("input", {
-        style: styles,
-        ...inputType(type)
-      });
+      return h("input", __spreadValues({
+        style: styles
+      }, inputType(type)));
     };
     const state = reactive({
       focused: false,

package/dist/packages/_es/InputNumber.js

@@ -1,5 +1,5 @@
 import { computed, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createVNode, normalizeStyle } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
+import { c as createComponent } from "./component-8f0be7eb.js";
 import { p as pxCheck } from "./pxCheck-c6b9f6b7.js";
 import { Minus, Plus } from "@nutui/icons-vue";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";

package/dist/packages/_es/{Interceptor-956b24fc.js → Interceptor-5415601e.js}

@@ -1,4 +1,4 @@
-import { f as isPromise } from "./component-81a4c1d0.js";
+import { f as isPromise } from "./component-8f0be7eb.js";
 const funInterceptor = (interceptor, {
   args = [],
   done,

package/dist/packages/_es/Invoice.js

@@ -1,9 +1,28 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { ref, reactive, computed, onMounted, watch, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, Fragment, renderList, createBlock, createTextVNode, toDisplayString, withDirectives, vModelText, createCommentVNode } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
+import { c as createComponent } from "./component-8f0be7eb.js";
 import Form from "./Form.js";
 import FormItem from "./FormItem.js";
-import { _ as _sfc_main$1 } from "./index.vue_vue_type_script_lang-442e4704.js";
-import { _ as _sfc_main$2 } from "./index.vue_vue_type_script_lang-22dfc112.js";
+import { _ as _sfc_main$1 } from "./index.vue_vue_type_script_lang-7b265520.js";
+import { _ as _sfc_main$2 } from "./index.vue_vue_type_script_lang-dba4283d.js";
 import Button from "./Button.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
@@ -64,13 +83,12 @@ const _sfc_main = create({
       () => init(),
       { deep: true }
     );
-    return {
-      ...toRefs(state),
+    return __spreadProps(__spreadValues({}, toRefs(state)), {
       classes,
       formRef,
       list,
       submitFun
-    };
+    });
   }
 });
 const _hoisted_1 = ["placeholder", "onUpdate:modelValue"];

package/dist/packages/_es/Layout.js

@@ -1,4 +1,4 @@
-import { c as createComponent } from "./component-81a4c1d0.js";
+import { c as createComponent } from "./component-8f0be7eb.js";
 import "vue";
 import "../locale/lang";
 const { create } = createComponent("layout");

package/dist/packages/_es/List.js

@@ -1,5 +1,24 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { ref, reactive, computed, watch, toRefs, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, Fragment, renderList, renderSlot } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
+import { c as createComponent } from "./component-8f0be7eb.js";
 import { u as useRect } from "./index-29892cda.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
@@ -204,8 +223,7 @@ const _sfc_main = create({
         }
       }
     );
-    return {
-      ...toRefs(state),
+    return __spreadProps(__spreadValues({}, toRefs(state)), {
       list,
       phantom,
       actualContent,
@@ -214,7 +232,7 @@ const _sfc_main = create({
       classes,
       getContainerHeight,
       handleScrollEvent
-    };
+    });
   }
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {

package/dist/packages/_es/Menu.js

@@ -1,5 +1,5 @@
 import { ref, computed, onMounted, onUnmounted, reactive, provide, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, normalizeStyle, toDisplayString, renderSlot, createBlock } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
+import { c as createComponent } from "./component-8f0be7eb.js";
 import { u as useRect } from "./index-29892cda.js";
 import { ArrowUp2, ArrowDown2 } from "@nutui/icons-vue";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
@@ -25,9 +25,8 @@ const _sfc_main = create({
     },
     duration: {
       type: [Number, String],
-      default: 0
+      default: 0.3
     },
-    titleIcon: String,
     closeOnClickOverlay: {
       type: Boolean,
       default: true