@nutui/nutui 4.3.6 → 4.3.8

package/dist/packages/actionsheet/ActionSheet.js

@@ -19,7 +19,7 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { c as createComponent } from "../component-DQf3CENX.js";
 import { useSlots, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createElementBlock, toDisplayString, createCommentVNode, renderSlot, Fragment, renderList, normalizeClass, normalizeStyle } from "vue";
-import { N as NutPopup, p as popupProps } from "../index-uHBD4dfS.js";
+import { N as NutPopup, p as popupProps } from "../index-wLaOjIn1.js";
 import { Loading } from "@nutui/icons-vue";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
 const { create } = createComponent("action-sheet");

package/dist/packages/address/Address.js

@@ -20,7 +20,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { ref, reactive, computed, watch, toRefs, nextTick, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, renderSlot, withDirectives, createVNode, vShow, toDisplayString, createElementBlock, Fragment, renderList, normalizeClass, createCommentVNode, normalizeStyle, createTextVNode } from "vue";
 import { Location, Location2, Check, Close, Left } from "@nutui/icons-vue";
 import { c as createComponent } from "../component-DQf3CENX.js";
-import { N as NutPopup, p as popupProps } from "../index-uHBD4dfS.js";
+import { N as NutPopup, p as popupProps } from "../index-wLaOjIn1.js";
 import NutElevator from "../elevator/Elevator.js";
 import { u as useLocale } from "../index-CFigyH92.js";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";

package/dist/packages/badge/Badge.js

@@ -1,48 +1,43 @@
-import { reactive, computed, openBlock, createElementBlock, withDirectives, createElementVNode, normalizeStyle, renderSlot, vShow, normalizeClass, toDisplayString } from "vue";
-import { c as createComponent } from "../component-DQf3CENX.js";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
-const { create } = createComponent("badge");
-const _sfc_main = create({
-  props: {
-    value: {
-      type: [String, Number]
-    },
-    max: {
-      type: Number,
-      default: 1e4
-    },
-    dot: {
-      type: Boolean,
-      default: false
-    },
-    bubble: {
-      type: Boolean,
-      default: false
-    },
-    hidden: {
-      type: Boolean,
-      default: false
-    },
-    top: {
-      type: String,
-      default: "0"
-    },
-    right: {
-      type: String,
-      default: "0"
-    },
-    zIndex: {
-      type: Number,
-      default: 9
-    },
-    color: {
-      type: String,
-      default: ""
+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 { defineComponent, computed, openBlock, createElementBlock, withDirectives, createElementVNode, normalizeStyle, renderSlot, vShow, normalizeClass, toDisplayString } from "vue";
+import { w as withInstall } from "../with-install-Ch3FF0uS.js";
+const _hoisted_1 = { class: "nut-badge" };
+const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
+  name: "NutBadge"
+}), {
+  __name: "badge",
+  props: {
+    value: {},
+    max: { default: 1e4 },
+    dot: { type: Boolean, default: false },
+    bubble: { type: Boolean, default: false },
+    hidden: { type: Boolean, default: false },
+    top: { default: "0" },
+    right: { default: "0" },
+    zIndex: { default: 9 },
+    color: { default: "" }
   },
-  setup(props) {
-    const state = reactive({});
-    const stl = computed(() => {
+  setup(__props) {
+    const props = __props;
+    const style = computed(() => {
       return {
         top: `${props.top}px`,
         right: `${props.right}px`,
@@ -60,36 +55,29 @@ const _sfc_main = create({
       }
       return value;
     });
-    return {
-      state,
-      stl,
-      content
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("view", _hoisted_1, [
+        withDirectives(createElementVNode("view", {
+          class: "nut-badge__icon",
+          style: normalizeStyle(style.value)
+        }, [
+          renderSlot(_ctx.$slots, "icon")
+        ], 4), [
+          [vShow, !_ctx.hidden && !_ctx.dot && _ctx.$slots.icon]
+        ]),
+        renderSlot(_ctx.$slots, "default"),
+        withDirectives(createElementVNode("view", {
+          class: normalizeClass(["nut-badge__content nut-badge__content--sup", { "nut-badge__content--dot": _ctx.dot, "nut-badge__content--bubble": !_ctx.dot && _ctx.bubble }]),
+          style: normalizeStyle(style.value)
+        }, toDisplayString(content.value), 7), [
+          [vShow, !_ctx.hidden && (content.value || _ctx.dot)]
+        ])
+      ]);
     };
   }
-});
-const _hoisted_1 = { class: "nut-badge" };
-const _hoisted_2 = ["textContent"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("view", _hoisted_1, [
-    withDirectives(createElementVNode("view", {
-      class: "nut-badge__icon",
-      style: normalizeStyle(_ctx.stl)
-    }, [
-      renderSlot(_ctx.$slots, "icon")
-    ], 4), [
-      [vShow, !_ctx.hidden && !_ctx.dot && _ctx.$slots.icon]
-    ]),
-    renderSlot(_ctx.$slots, "default"),
-    withDirectives(createElementVNode("view", {
-      class: normalizeClass(["nut-badge__content nut-badge__content--sup", { "nut-badge__content--dot": _ctx.dot, "nut-badge__content--bubble": !_ctx.dot && _ctx.bubble }]),
-      style: normalizeStyle(_ctx.stl),
-      textContent: toDisplayString(_ctx.content)
-    }, null, 14, _hoisted_2), [
-      [vShow, !_ctx.hidden && (_ctx.content || _ctx.dot)]
-    ])
-  ]);
-}
-const NutBadge = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+}));
+withInstall(_sfc_main);
 export {
-  NutBadge as default
+  _sfc_main as Badge,
+  _sfc_main as default
 };

package/dist/packages/calendar/Calendar.js

@@ -23,7 +23,7 @@ import { U as Utils } from "../date-DHXcwF1m.js";
 import { r as requestAniFrame } from "../raf-c01wDYCo.js";
 import { u as useLocale } from "../index-CFigyH92.js";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
-import { N as NutPopup } from "../index-uHBD4dfS.js";
+import { N as NutPopup } from "../index-wLaOjIn1.js";
 const { create: create$1 } = createComponent("calendar-item");
 const cN = "NutCalendarItem";
 const _sfc_main$1 = create$1({

package/dist/packages/cascader/Cascader.js

@@ -55,7 +55,7 @@ var __async = (__this, __arguments, generator) => {
   });
 };
 import { computed, ref, watch, resolveComponent, openBlock, createBlock, withCtx, createElementBlock, Fragment, renderList, createElementVNode, normalizeClass, toDisplayString, createCommentVNode, createVNode } from "vue";
-import { N as NutPopup, p as popupProps } from "../index-uHBD4dfS.js";
+import { N as NutPopup, p as popupProps } from "../index-wLaOjIn1.js";
 import { c as createComponent } from "../component-DQf3CENX.js";
 import { Loading, Checklist } from "@nutui/icons-vue";
 import NutTabs from "../tabs/Tabs.js";

package/dist/packages/countdown/Countdown.js

@@ -161,8 +161,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
     const pause = () => {
       cancelAnimationFrame(timer.value);
       counting.value = false;
-      emit("restart", restTime.value);
-      emit("onRestart", restTime.value);
+      emit("paused", restTime.value);
+      emit("onPaused", restTime.value);
     };
     const reset = () => {
       if (!props.autoStart) {

package/dist/packages/dialog/Dialog.js

@@ -24,11 +24,11 @@ var __publicField = (obj, key, value) => {
 import { ref, onMounted, watch, computed, resolveComponent, openBlock, createBlock, normalizeStyle, withCtx, createElementVNode, normalizeClass, createElementBlock, renderSlot, Fragment, createTextVNode, toDisplayString, createCommentVNode, resolveDynamicComponent, nextTick, h } from "vue";
 import { c as createComponent } from "../component-DQf3CENX.js";
 import { f as funInterceptor } from "../Interceptor-DlY2h6Y7.js";
-import { N as NutPopup, p as popupProps } from "../index-uHBD4dfS.js";
+import { N as NutPopup, p as popupProps } from "../index-wLaOjIn1.js";
 import { Button as _sfc_main$1 } from "../button/Button.js";
 import { u as useLocale } from "../index-CFigyH92.js";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
-import NutOverlay from "../overlay/Overlay.js";
+import { Overlay as _sfc_main$2 } from "../overlay/Overlay.js";
 import { C as CreateComponent } from "../mountComponent-DBQ88Fjz.js";
 const { create } = createComponent("dialog");
 const cN = "NutDialog";
@@ -290,7 +290,7 @@ class DialogFunction {
     const options = Object.assign(this.options, _options);
     const { unmount } = CreateComponent(options, {
       name: "dialog",
-      components: [NutPopup, _sfc_main$1, NutOverlay],
+      components: [NutPopup, _sfc_main$1, _sfc_main$2],
       wrapper: (elWrap, root) => {
         return {
           setup() {

package/dist/packages/fixednav/FixedNav.js

@@ -1,6 +1,6 @@
 import { computed, ref, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createBlock, createCommentVNode, renderSlot, createElementVNode, Fragment, renderList, toDisplayString, createVNode } from "vue";
 import { Left } from "@nutui/icons-vue";
-import NutOverlay from "../overlay/Overlay.js";
+import { Overlay as _sfc_main$1 } from "../overlay/Overlay.js";
 import { c as createComponent } from "../component-DQf3CENX.js";
 import { u as useLocale } from "../index-CFigyH92.js";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
@@ -8,7 +8,7 @@ const { create } = createComponent("fixed-nav");
 const cN = "NutFixedNav";
 const _sfc_main = create({
   components: {
-    NutOverlay,
+    NutOverlay: _sfc_main$1,
     Left
   },
   props: {

package/dist/packages/image/Image.js

@@ -17,67 +17,44 @@ var __spreadValues = (a, b) => {
   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-DQf3CENX.js";
+import { defineComponent, ref, computed, onMounted, onBeforeUnmount, watch, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, createVNode, unref, createCommentVNode } from "vue";
 import { p as pxCheck } from "../pxCheck-DN6FYV6q.js";
 import { Image, ImageError } from "@nutui/icons-vue";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
-const { componentName, create } = createComponent("image");
-const _sfc_main = create({
+import { w as withInstall } from "../with-install-Ch3FF0uS.js";
+const _hoisted_1 = ["src", "data-src", "alt"];
+const _hoisted_2 = {
+  key: 0,
+  class: "nut-img-loading"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "nut-img-error"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
+  name: "NutImage"
+}), {
+  __name: "image",
   props: {
-    src: String,
-    fit: {
-      type: String,
-      default: "fill"
-    },
-    position: {
-      type: String,
-      default: "center"
-    },
-    alt: {
-      type: String,
-      default: ""
-    },
-    width: {
-      type: String,
-      default: "center"
-    },
-    height: {
-      type: String,
-      default: ""
-    },
-    round: {
-      type: Boolean,
-      default: false
-    },
-    radius: [String, Number],
-    showError: {
-      type: Boolean,
-      default: true
-    },
-    showLoading: {
-      type: Boolean,
-      default: true
-    },
-    lazyLoad: {
-      type: Boolean,
-      default: false
-    }
-  },
-  components: {
-    Image,
-    ImageError
+    src: {},
+    fit: { default: "fill" },
+    position: { default: "center" },
+    alt: { default: "" },
+    width: { default: "" },
+    height: { default: "" },
+    round: { type: Boolean, default: false },
+    radius: {},
+    showError: { type: Boolean, default: true },
+    showLoading: { type: Boolean, default: true },
+    lazyLoad: { type: Boolean, default: false }
   },
   emits: ["click", "load", "error"],
-  setup(props, { emit }) {
-    const state = reactive({
-      loading: true,
-      isError: false,
-      slotLoding: useSlots().loading,
-      slotError: useSlots().error
-    });
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const loading = ref(true);
+    const isError = ref(false);
     const classes = computed(() => {
-      const prefixCls = componentName;
+      const prefixCls = "nut-image";
       return {
         [prefixCls]: true,
         [`${prefixCls}-round`]: props.round
@@ -129,73 +106,64 @@ const _sfc_main = create({
     watch(
       () => props.src,
       () => {
-        state.isError = false, state.loading = true;
+        isError.value = false;
+        loading.value = true;
       }
     );
     const load = () => {
-      state.isError = false;
-      state.loading = false;
+      isError.value = false;
+      loading.value = false;
       emit("load");
     };
     const error = () => {
-      state.isError = true;
-      state.loading = false;
+      isError.value = true;
+      loading.value = false;
       emit("error");
     };
     const imageClick = (event) => {
       emit("click", event);
     };
-    return __spreadProps(__spreadValues({}, toRefs(state)), { imageClick, classes, styles, stylebox, error, load, show, imgRef });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(classes.value),
+        style: normalizeStyle(stylebox.value),
+        onClick: imageClick
+      }, [
+        createElementVNode("img", {
+          ref_key: "imgRef",
+          ref: imgRef,
+          class: "nut-img",
+          src: _ctx.lazyLoad ? show.value ? _ctx.src : void 0 : _ctx.src,
+          "data-src": _ctx.lazyLoad ? show.value ? void 0 : _ctx.src : void 0,
+          alt: _ctx.alt,
+          style: normalizeStyle(styles.value),
+          onLoad: load,
+          onError: error
+        }, null, 44, _hoisted_1),
+        loading.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          renderSlot(_ctx.$slots, "loading", {}, () => [
+            createVNode(unref(Image), {
+              width: "16px",
+              height: "20px",
+              name: "image"
+            })
+          ])
+        ])) : createCommentVNode("", true),
+        isError.value && !loading.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          renderSlot(_ctx.$slots, "error", {}, () => [
+            createVNode(unref(ImageError), {
+              width: "16px",
+              height: "20px",
+              name: "imageError"
+            })
+          ])
+        ])) : createCommentVNode("", true)
+      ], 6);
+    };
   }
-});
-const _hoisted_1 = ["src", "date-src", "alt"];
-const _hoisted_2 = {
-  key: 0,
-  class: "nut-img-loading"
-};
-const _hoisted_3 = {
-  key: 1,
-  class: "nut-img-error"
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_Image = resolveComponent("Image");
-  const _component_ImageError = resolveComponent("ImageError");
-  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.lazyLoad ? _ctx.show ? _ctx.src : void 0 : _ctx.src,
-      "date-src": _ctx.lazyLoad ? _ctx.show ? void 0 : _ctx.src : void 0,
-      alt: _ctx.alt,
-      style: normalizeStyle(_ctx.styles),
-      onLoad: _cache[0] || (_cache[0] = (...args) => _ctx.load && _ctx.load(...args)),
-      onError: _cache[1] || (_cache[1] = (...args) => _ctx.error && _ctx.error(...args))
-    }, null, 44, _hoisted_1),
-    _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_2, [
-      !_ctx.slotLoding ? (openBlock(), createBlock(_component_Image, {
-        key: 0,
-        width: "16px",
-        height: "20px",
-        name: "image"
-      })) : createCommentVNode("", true),
-      renderSlot(_ctx.$slots, "loading")
-    ])) : createCommentVNode("", true),
-    _ctx.isError && !_ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_3, [
-      !_ctx.slotError ? (openBlock(), createBlock(_component_ImageError, {
-        key: 0,
-        width: "16px",
-        height: "20px",
-        name: "imageError"
-      })) : createCommentVNode("", true),
-      renderSlot(_ctx.$slots, "error")
-    ])) : createCommentVNode("", true)
-  ], 6);
-}
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+}));
+withInstall(_sfc_main);
 export {
-  index as default
+  _sfc_main as Image,
+  _sfc_main as default
 };

package/dist/packages/imagepreview/ImagePreview.js

@@ -31,11 +31,11 @@ import NutVideo from "../video/Video.js";
 import NutSwiperItem from "../swiperitem/SwiperItem.js";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
 import { CircleClose } from "@nutui/icons-vue";
-import { N as NutPopup } from "../index-uHBD4dfS.js";
+import { N as NutPopup } from "../index-wLaOjIn1.js";
 import NutSwiper from "../swiper/Swiper.js";
 import { f as funInterceptor } from "../Interceptor-DlY2h6Y7.js";
 import { C as CreateComponent } from "../mountComponent-DBQ88Fjz.js";
-import NutOverlay from "../overlay/Overlay.js";
+import { Overlay as _sfc_main$2 } from "../overlay/Overlay.js";
 const baseProps = {
   show: { type: Boolean, default: false },
   initNo: { type: Number, default: 0 },
@@ -503,7 +503,7 @@ class ImagePreviewFunction {
     const options = Object.assign(this.options, _options);
     const { unmount } = CreateComponent(options, {
       name: "image-preview",
-      components: [NutPopup, NutVideo, NutSwiper, NutSwiperItem, NutOverlay],
+      components: [NutPopup, NutVideo, NutSwiper, NutSwiperItem, _sfc_main$2],
       wrapper: () => {
         return {
           setup() {

package/dist/packages/{index-uHBD4dfS.js → index-wLaOjIn1.js}

@@ -19,7 +19,7 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { reactive, computed, watch, watchEffect, toRefs, resolveComponent, openBlock, createBlock, Teleport, mergeProps, createCommentVNode, createVNode, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, normalizeStyle, renderSlot, createElementBlock, vShow } from "vue";
 import { Close } from "@nutui/icons-vue";
-import NutOverlay from "./overlay/Overlay.js";
+import { Overlay as _sfc_main$1 } from "./overlay/Overlay.js";
 import { c as createComponent } from "./component-DQf3CENX.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.js";
 const popupProps = {
@@ -105,7 +105,7 @@ const initIndex = 2e3;
 let _zIndex = initIndex;
 const _sfc_main = create({
   components: {
-    NutOverlay,
+    NutOverlay: _sfc_main$1,
     Close
   },
   props: popupProps,