@nutui/nutui 4.0.0-beta.3 → 4.0.0-beta.30

package/dist/packages/_es/DatePicker.js

@@ -1,14 +1,9 @@
-/*!
-* @nutui/nutui v4.0.0-beta.3 Tue Dec 27 2022 17:58:29 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
 import { reactive, computed, onBeforeMount, watch, toRefs, resolveComponent, openBlock, createBlock, withCtx, renderSlot } from "vue";
 import Picker from "./Picker.js";
-import { c as createComponent, a as isDate$1, p as padZero } from "./component-0ea0483c.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-681cd9ef.js";
-import "./pxCheck-c22d207b.js";
-import "./index-35bfc69c.js";
+import { c as createComponent, a as isDate$1, p as padZero } from "./component-81a4c1d0.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
+import "./pxCheck-c6b9f6b7.js";
+import "./index-7a7385e4.js";
 import "../locale/lang";
 const { componentName, create, translate } = createComponent("date-picker");
 const currentYear = new Date().getFullYear();
@@ -23,7 +18,7 @@ const zhCNType = {
   minute: translate("minute"),
   seconds: translate("seconds")
 };
-const _sfc_main = /* @__PURE__ */ create({
+const _sfc_main = create({
   components: {
     [Picker.name]: Picker
   },
@@ -67,10 +62,12 @@ const _sfc_main = /* @__PURE__ */ create({
       type: Function,
       default: null
     },
+    // 是否开启3D效果
     threeDimensional: {
       type: Boolean,
       default: true
     },
+    // 惯性滚动 时长
     swipeDuration: {
       type: [Number, String],
       default: 1e3

package/dist/packages/_es/Dialog.js

@@ -4,24 +4,18 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-/*!
-* @nutui/nutui v4.0.0-beta.3 Tue Dec 27 2022 17:58:29 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
 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-0ea0483c.js";
-import { f as funInterceptor } from "./interceptor-0db96410.js";
-import { P as Popup, p as popupProps } from "./index-d5c47fab.js";
+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-991c279f.js";
 import Button from "./Button.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-681cd9ef.js";
-import { _ as _sfc_main$1 } from "./index.vue_vue_type_script_lang-360a52b6.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import Overlay from "./Overlay.js";
 import "../locale/lang";
-import { C as CreateComponent } from "./mountComponent-34479821.js";
+import { C as CreateComponent } from "./mountComponent-1ece4110.js";
 import "@nutui/icons-vue";
 const { componentName, create, translate } = createComponent("dialog");
-const _sfc_main = /* @__PURE__ */ create({
+const _sfc_main = create({
   inheritAttrs: false,
   components: {
     [Popup.name]: Popup,
@@ -76,6 +70,7 @@ const _sfc_main = /* @__PURE__ */ create({
     footerDirection: {
       type: String,
       default: "horizontal"
+      //vertical
     },
     customClass: {
       type: String,
@@ -165,6 +160,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,
@@ -223,7 +220,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 {
@@ -241,16 +238,13 @@ class DialogOptions {
     __publicField(this, "teleport", "body");
     __publicField(this, "id", new Date().getTime());
     __publicField(this, "footerDirection", "horizontal");
-    __publicField(this, "onUpdate", (value) => {
-    });
-    __publicField(this, "onOk", () => {
-    });
-    __publicField(this, "onCancel", () => {
-    });
-    __publicField(this, "onOpened", () => {
-    });
-    __publicField(this, "onClosed", () => {
-    });
+    //使用横纵方向 可选值 horizontal、vertical
+    // function
+    __publicField(this, "onUpdate");
+    __publicField(this, "onOk");
+    __publicField(this, "onCancel");
+    __publicField(this, "onOpened");
+    __publicField(this, "onClosed");
     __publicField(this, "beforeClose");
     __publicField(this, "visible", true);
     __publicField(this, "noFooter", false);
@@ -258,17 +252,17 @@ class DialogOptions {
     __publicField(this, "noCancelBtn", false);
     __publicField(this, "okBtnDisabled", false);
     __publicField(this, "closeOnPopstate", false);
-    __publicField(this, "lockScroll", false);
+    __publicField(this, "lockScroll", true);
   }
 }
 class DialogFunction {
   constructor(_options) {
     __publicField(this, "options", new DialogOptions());
     __publicField(this, "instance");
-    let options = Object.assign(this.options, _options);
+    const options = Object.assign(this.options, _options);
     const { unmount } = CreateComponent(options, {
       name: "dialog",
-      components: [Popup, _sfc_main$1, Button, Overlay],
+      components: [Popup, Button, Overlay],
       wrapper: (elWarp, root) => {
         return {
           setup() {
@@ -290,15 +284,14 @@ class DialogFunction {
     });
   }
 }
-const _Dialog = function(options) {
+const showDialog = function(options) {
   return new DialogFunction(options);
 };
-_Dialog.install = (app) => {
+showDialog.install = (app) => {
   app.use(Dialog);
-  app.config.globalProperties.$dialog = _Dialog;
 };
 export {
-  Dialog,
   DialogOptions,
-  _Dialog as default
+  Dialog as default,
+  showDialog
 };

package/dist/packages/_es/Divider.js

@@ -1,14 +1,9 @@
-/*!
-* @nutui/nutui v4.0.0-beta.3 Tue Dec 27 2022 17:58:29 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
 import { computed, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
-import { c as createComponent } from "./component-0ea0483c.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-681cd9ef.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("divider");
-const _sfc_main = /* @__PURE__ */ create({
+const _sfc_main = create({
   props: {
     contentPosition: {
       type: String,

package/dist/packages/_es/Drag.js

@@ -1,15 +1,10 @@
-/*!
-* @nutui/nutui v4.0.0-beta.3 Tue Dec 27 2022 17:58:29 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
 import { ref, reactive, computed, onMounted, onActivated, onDeactivated, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
-import { c as createComponent } from "./component-0ea0483c.js";
-import { r as requestAniFrame } from "./raf-8c45e560.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-681cd9ef.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { r as requestAniFrame } from "./raf-729dad54.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("drag");
-const _sfc_main = /* @__PURE__ */ create({
+const _sfc_main = create({
   props: {
     attract: {
       type: Boolean,

package/dist/packages/_es/Ecard.js

@@ -1,17 +1,12 @@
-/*!
-* @nutui/nutui v4.0.0-beta.3 Tue Dec 27 2022 17:58:29 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
 import { ref, watch, resolveComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, Fragment, renderList, normalizeClass, withDirectives, vModelText, createTextVNode, createVNode } from "vue";
-import { c as createComponent } from "./component-0ea0483c.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
 import InputNumber from "./InputNumber.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-681cd9ef.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
-import "./pxCheck-c22d207b.js";
+import "./pxCheck-c6b9f6b7.js";
 import "@nutui/icons-vue";
 const { create, translate } = createComponent("ecard");
-const _sfc_main = /* @__PURE__ */ create({
+const _sfc_main = create({
   components: {
     [InputNumber.name]: InputNumber
   },

package/dist/packages/_es/Elevator.js

@@ -1,15 +1,10 @@
-/*!
-* @nutui/nutui v4.0.0-beta.3 Tue Dec 27 2022 17:58:29 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
 import { ref, reactive, computed, onMounted, watch, nextTick, toRefs, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, Fragment, renderList, toDisplayString, renderSlot, withDirectives, vShow, createCommentVNode, withModifiers } from "vue";
-import { c as createComponent } from "./component-0ea0483c.js";
-import { u as useExpose } from "./index-78b85d04.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-681cd9ef.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { u as useExpose } from "./index-79c5dc33.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("elevator");
-const _sfc_main = /* @__PURE__ */ create({
+const _sfc_main = create({
   props: {
     height: {
       type: [Number, String],

package/dist/packages/_es/Ellipsis.js

@@ -1,14 +1,9 @@
-/*!
-* @nutui/nutui v4.0.0-beta.3 Tue Dec 27 2022 17:58:29 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
 import { ref, reactive, computed, watch, onMounted, toRefs, openBlock, createElementBlock, normalizeClass, toDisplayString, createCommentVNode, createTextVNode, withModifiers } from "vue";
-import { c as createComponent } from "./component-0ea0483c.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-681cd9ef.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("ellipsis");
-const _sfc_main = /* @__PURE__ */ create({
+const _sfc_main = create({
   props: {
     content: {
       type: String,
@@ -47,7 +42,9 @@ const _sfc_main = /* @__PURE__ */ create({
     const ellipsis = ref();
     const state = reactive({
       exceeded: false,
+      //是否超出
       expanded: false
+      //是否折叠
     });
     const classes = computed(() => {
       const prefixCls = componentName;
@@ -59,9 +56,6 @@ const _sfc_main = /* @__PURE__ */ create({
       () => props.content,
       (newV, oldVal) => {
         if (newV != oldVal) {
-          if (container) {
-            document.body.appendChild(container);
-          }
           createContainer();
         }
       }
@@ -100,6 +94,7 @@ const _sfc_main = /* @__PURE__ */ 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/Empty.js

@@ -1,11 +1,6 @@
-/*!
-* @nutui/nutui v4.0.0-beta.3 Tue Dec 27 2022 17:58:29 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
 import { toRefs, computed, openBlock, createElementBlock, createElementVNode, normalizeStyle, renderSlot, Fragment, createCommentVNode, toDisplayString } from "vue";
-import { c as createComponent } from "./component-0ea0483c.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-681cd9ef.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { componentName, create, translate } = createComponent("empty");
 const defaultStatus = {
@@ -13,18 +8,21 @@ const defaultStatus = {
   error: "https://ftcms.jd.com/p/files/61a9e33ee7dcdbcc0ce62736.png",
   network: "https://static-ftcms.jd.com/p/files/61a9e31de7dcdbcc0ce62734.png"
 };
-const _sfc_main = /* @__PURE__ */ create({
+const _sfc_main = create({
   props: {
     image: {
       type: String,
       default: "empty"
+      //默认empty
     },
     imageSize: {
       type: [Number, String],
+      // 图片大小，正方形
       default: ""
     },
     description: {
       type: String,
+      // 文字区
       default: ""
     }
   },

package/dist/packages/_es/FixedNav.js

@@ -1,13 +1,8 @@
-/*!
-* @nutui/nutui v4.0.0-beta.3 Tue Dec 27 2022 17:58:29 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
-import { c as createComponent } from "./component-0ea0483c.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
 import { computed, ref, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createBlock, createCommentVNode, renderSlot, createElementVNode, Fragment, renderList, toDisplayString, createVNode } from "vue";
 import Overlay from "./Overlay.js";
 import { Left } from "@nutui/icons-vue";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-681cd9ef.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { componentName, translate } = createComponent("fixed-nav");
 const component = (components) => {
@@ -78,7 +73,7 @@ const component = (components) => {
   };
 };
 const { create } = createComponent("fixed-nav");
-const _sfc_main = /* @__PURE__ */ create(
+const _sfc_main = create(
   component({
     [Overlay.name]: Overlay,
     Left

package/dist/packages/_es/Form.js

@@ -1,12 +1,7 @@
-/*!
-* @nutui/nutui v4.0.0-beta.3 Tue Dec 27 2022 17:58:29 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
-import { g as isObject, h as getPropByPath, f as isPromise, c as createComponent } from "./component-0ea0483c.js";
+import { g as isObject, h as getPropByPath, f as isPromise, c as createComponent } from "./component-81a4c1d0.js";
 import { computed, reactive, provide, watch, resolveComponent, openBlock, createElementBlock, withModifiers, createVNode, withCtx, renderSlot } from "vue";
 import CellGroup from "./CellGroup.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-681cd9ef.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const component = (components) => {
   return {
@@ -160,7 +155,7 @@ const component = (components) => {
   };
 };
 const { create } = createComponent("form");
-const _sfc_main = /* @__PURE__ */ create(
+const _sfc_main = create(
   component({
     [CellGroup.name]: CellGroup
   })

package/dist/packages/_es/FormItem.js

@@ -1,18 +1,13 @@
-/*!
-* @nutui/nutui v4.0.0-beta.3 Tue Dec 27 2022 17:58:29 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
-import { p as pxCheck } from "./pxCheck-c22d207b.js";
+import { p as pxCheck } from "./pxCheck-c6b9f6b7.js";
 import { inject, provide, computed, resolveComponent, openBlock, createBlock, normalizeClass, normalizeStyle, withCtx, createElementBlock, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createElementVNode } from "vue";
-import { c as createComponent } from "./component-0ea0483c.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
 import Cell from "./Cell.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-681cd9ef.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
-import "./index-16a07d20.js";
+import "./index-54d03fc1.js";
 import "@nutui/icons-vue";
 const { componentName, create } = createComponent("form-item");
-const _sfc_main = /* @__PURE__ */ create({
+const _sfc_main = create({
   inheritAttrs: false,
   props: {
     prop: {

package/dist/packages/_es/Grid.js

@@ -1,15 +1,10 @@
-/*!
-* @nutui/nutui v4.0.0-beta.3 Tue Dec 27 2022 17:58:29 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
-import { c as createComponent } from "./component-0ea0483c.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
 import "vue";
-import { c as component } from "./common-3175aa92.js";
+import { c as component } from "./common-b9a5e726.js";
 import "../locale/lang";
-import "./pxCheck-c22d207b.js";
+import "./pxCheck-c6b9f6b7.js";
 const { create } = createComponent("grid");
-const _sfc_main = /* @__PURE__ */ create(component);
+const _sfc_main = create(component);
 export {
   _sfc_main as default
 };

package/dist/packages/_es/GridItem.js

@@ -1,14 +1,9 @@
-/*!
-* @nutui/nutui v4.0.0-beta.3 Tue Dec 27 2022 17:58:29 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
 import { inject, getCurrentInstance, onUnmounted, computed, ref, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, Fragment, createTextVNode, toDisplayString } from "vue";
-import { u as useRouter } from "./index-16a07d20.js";
-import { c as createComponent } from "./component-0ea0483c.js";
-import { p as pxCheck } from "./pxCheck-c22d207b.js";
-import { G as GRID_KEY } from "./common-3175aa92.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-681cd9ef.js";
+import { u as useRouter } from "./index-54d03fc1.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { p as pxCheck } from "./pxCheck-c6b9f6b7.js";
+import { G as GRID_KEY } from "./common-b9a5e726.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 function useInject(key) {
   const parent = inject(key, null);
@@ -29,11 +24,12 @@ function useInject(key) {
   };
 }
 const { create, componentName } = createComponent("grid-item");
-const _sfc_main = /* @__PURE__ */ create({
+const _sfc_main = create({
   props: {
     text: {
       type: String
     },
+    // router
     to: {
       type: [String, Object]
     },

package/dist/packages/_es/Image.js

@@ -1,16 +1,11 @@
-/*!
-* @nutui/nutui v4.0.0-beta.3 Tue Dec 27 2022 17:58:29 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
 import { reactive, useSlots, computed, watch, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, createBlock, createCommentVNode, renderSlot } from "vue";
-import { c as createComponent } from "./component-0ea0483c.js";
-import { p as pxCheck } from "./pxCheck-c22d207b.js";
+import { c as createComponent } from "./component-81a4c1d0.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-681cd9ef.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("image");
-const _sfc_main = /* @__PURE__ */ create({
+const _sfc_main = create({
   props: {
     src: String,
     fit: {

package/dist/packages/_es/ImagePreview.js

@@ -4,27 +4,22 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-/*!
-* @nutui/nutui v4.0.0-beta.3 Tue Dec 27 2022 17:58:29 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
 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-0ea0483c.js";
-import { u as useRect } from "./index-3e9b0a98.js";
-import { u as useTouch } from "./index-35bfc69c.js";
+import { c as createComponent, e as clamp, d as preventDefault, i as isArray } from "./component-81a4c1d0.js";
+import { u as useRect } from "./index-29892cda.js";
+import { u as useTouch } from "./index-7a7385e4.js";
 import Video from "./Video.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-681cd9ef.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-d5c47fab.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-0db96410.js";
+import { f as funInterceptor } from "./interceptor-956b24fc.js";
 import "../locale/lang";
-import { C as CreateComponent } from "./mountComponent-34479821.js";
-import { _ as _sfc_main$2 } from "./index.vue_vue_type_script_lang-360a52b6.js";
+import { C as CreateComponent } from "./mountComponent-1ece4110.js";
 import Overlay from "./Overlay.js";
-import "./index-78b85d04.js";
+import "./index-79c5dc33.js";
+import "./raf-729dad54.js";
 const baseProps = {
   show: { type: Boolean, default: false },
   initNo: { type: Number, default: 0 },
@@ -33,7 +28,7 @@ const baseProps = {
   maxZoom: { type: Number, default: 3 }
 };
 const { create: create$1 } = createComponent("image-preview-item");
-const _sfc_main$1 = /* @__PURE__ */ create$1({
+const _sfc_main$1 = create$1({
   props: {
     ...baseProps,
     image: {
@@ -55,7 +50,8 @@ const _sfc_main$1 = /* @__PURE__ */ create$1({
   },
   emits: ["close", "scale"],
   components: {
-    [Video.name]: Video
+    [Video.name]: Video,
+    [SwiperItem.name]: SwiperItem
   },
   setup(props, { emit }) {
     const state = reactive({
@@ -282,7 +278,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 = /* @__PURE__ */ create({
+const _sfc_main = create({
   props: {
     ...baseProps,
     images: { type: Array, default: () => [] },
@@ -297,13 +293,10 @@ const _sfc_main = /* @__PURE__ */ create({
       type: Boolean,
       default: false
     },
-    closeIcon: {
-      type: String,
-      default: "circle-close"
-    },
     closeIconPosition: {
       type: String,
       default: "top-right"
+      // top-right  top-left
     },
     beforeClose: Function,
     isLoop: {
@@ -316,8 +309,7 @@ const _sfc_main = /* @__PURE__ */ create({
     ImagePreviewItem,
     CircleClose,
     [Popup.name]: Popup,
-    [Swiper.name]: Swiper,
-    [SwiperItem.name]: SwiperItem
+    [Swiper.name]: Swiper
   },
   setup(props, { emit }) {
     const swipeRef = ref();
@@ -357,6 +349,7 @@ const _sfc_main = /* @__PURE__ */ create({
     const init = () => {
       if (swipeRef.value) {
         const rect = useRect(swipeRef.value);
+        console.log("show");
         state.rootHeight = rect.height;
         state.rootWidth = rect.width;
       }
@@ -364,6 +357,7 @@ const _sfc_main = /* @__PURE__ */ create({
     watch(
       () => props.show,
       (val) => {
+        console.log("展示", val);
         state.showPop = val;
         init();
       }
@@ -477,8 +471,6 @@ class ImagePreviewOptions {
     __publicField(this, "maxZoom", 3);
     __publicField(this, "minZoom", 1 / 3);
     __publicField(this, "isLoop", true);
-    __publicField(this, "onClose", () => {
-    });
     __publicField(this, "teleport", "body");
   }
 }
@@ -486,9 +478,9 @@ class ImagePreviewFunction {
   constructor(_options) {
     __publicField(this, "options", new ImagePreviewOptions());
     const options = Object.assign(this.options, _options);
-    const { instance, unmount } = CreateComponent(options, {
-      name: "imagepreview",
-      components: [Popup, Video, Swiper, SwiperItem, _sfc_main$2, Overlay],
+    const { unmount } = CreateComponent(options, {
+      name: "image-preview",
+      components: [Popup, Video, Swiper, SwiperItem, Overlay],
       wrapper: () => {
         return {
           setup() {
@@ -504,13 +496,12 @@ class ImagePreviewFunction {
     });
   }
 }
-const _ImagePreview = (options) => new ImagePreviewFunction(options);
-_ImagePreview.install = (app) => {
+const showImagePreview = (options) => new ImagePreviewFunction(options);
+showImagePreview.install = (app) => {
   app.use(ImagePreview);
-  app.config.globalProperties.$imagepreview = _ImagePreview;
 };
 export {
-  ImagePreview,
   ImagePreviewOptions,
-  _ImagePreview as default
+  ImagePreview as default,
+  showImagePreview
 };

package/dist/packages/_es/Indicator.js

@@ -1,14 +1,9 @@
-/*!
-* @nutui/nutui v4.0.0-beta.3 Tue Dec 27 2022 17:58:29 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
 import { toRefs, computed, openBlock, createElementBlock, normalizeClass, Fragment, renderList, toDisplayString } from "vue";
-import { p as padZero, c as createComponent } from "./component-0ea0483c.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-681cd9ef.js";
+import { p as padZero, c as createComponent } from "./component-81a4c1d0.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("indicator");
-const _sfc_main = /* @__PURE__ */ create({
+const _sfc_main = create({
   props: {
     size: {
       type: Number,