@nutui/nutui 4.0.0-beta.2 → 4.0.0-beta.20

package/dist/packages/_es/Collapse.js

@@ -1,16 +1,11 @@
-/*!
-* @nutui/nutui v4.0.0-beta.2 Mon Dec 26 2022 15:54:59 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
 import { ref, computed, watch, onMounted, getCurrentInstance, provide, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
-import { c as createComponent } from "./component-1a609d46.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-6eba1fc2.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { create, componentName } = createComponent("collapse");
 const _sfc_main = create({
   props: {
-    active: {
+    modelValue: {
       type: [String, Number, Array],
       default: () => []
     },
@@ -19,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([]);
@@ -30,7 +25,7 @@ const _sfc_main = create({
       };
     });
     watch(
-      () => props.active,
+      () => props.modelValue,
       (newval) => {
         let doms = collapseChldren.value;
         Array.from(doms).forEach((item) => {
@@ -48,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)) {
@@ -63,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

@@ -1,13 +1,8 @@
-/*!
-* @nutui/nutui v4.0.0-beta.2 Mon Dec 26 2022 15:54:59 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
 import { inject, reactive, computed, getCurrentInstance, ref, watch, onMounted, toRefs, nextTick, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, toDisplayString, createCommentVNode, normalizeStyle, createBlock, resolveDynamicComponent } from "vue";
 import { DownArrow } from "@nutui/icons-vue";
-import { c as createComponent } from "./component-1a609d46.js";
-import { r as renderIcon } from "./renderIcon-ff803dcd.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-6eba1fc2.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { r as renderIcon } from "./renderIcon-3d0fd47c.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { create, componentName } = createComponent("collapse-item");
 const _sfc_main = create({
@@ -49,6 +44,7 @@ const _sfc_main = create({
       default: 180
     }
   },
+  // components: { DownArrow },
   setup(props, ctx) {
     const collapse = inject("collapseParent");
     const parent = reactive(collapse);
@@ -103,7 +99,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);
@@ -130,7 +126,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) {
@@ -210,7 +206,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"

package/dist/packages/_es/Comment.js

@@ -1,23 +1,22 @@
-/*!
-* @nutui/nutui v4.0.0-beta.2 Mon Dec 26 2022 15:54:59 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
 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-1a609d46.js";
-import { Right, Fabulous, Comment, MoreX, JoySmile } from "@nutui/icons-vue";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { Right, Fabulous, Comment, MoreX } from "@nutui/icons-vue";
 import Rate from "./Rate.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-6eba1fc2.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
-import "./renderIcon-ff803dcd.js";
-import "./pxCheck-9763aaae.js";
-import "./index-0bea707c.js";
+import "./renderIcon-3d0fd47c.js";
+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,
       default: "default"
+      // default，complex
     },
     info: {
       type: Object,
@@ -74,9 +73,10 @@ 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: "15",
               spacing: "5",
               readonly: "",
+              touchable: false,
               onChange: _ctx.handleClick
             }, null, 8, ["modelValue", "onChange"])
           ])
@@ -99,9 +99,10 @@ 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: "15",
         spacing: "3",
-        readonly: ""
+        readonly: "",
+        touchable: false
       }, null, 8, ["modelValue"]),
       createElementVNode("i", {
         class: normalizeClass([`nut-comment-header__${_ctx.type}-score-i`])
@@ -119,6 +120,7 @@ const _sfc_main$2 = create$2({
     type: {
       type: String,
       default: "one"
+      // one multi
     },
     videos: {
       type: Array,
@@ -221,11 +223,11 @@ const _sfc_main$1 = create$1({
     type: {
       type: String,
       default: "base"
+      // simple，base，complex
     },
     info: {
       type: Object,
-      default: () => {
-      }
+      default: () => ({})
     },
     operation: {
       type: Array,
@@ -305,10 +307,12 @@ const _sfc_main = create({
     headerType: {
       type: String,
       default: "default"
+      //头部展示风格 default，complex
     },
     imagesRows: {
       type: String,
       default: "one"
+      // 'one'  'multi'
     },
     ellipsis: {
       type: [String, Number, Boolean],
@@ -324,13 +328,11 @@ const _sfc_main = create({
     },
     info: {
       type: Object,
-      default: () => {
-      }
+      default: () => ({})
     },
     follow: {
       type: Object,
-      default: () => {
-      }
+      default: () => ({})
     },
     labels: {
       type: Function,
@@ -342,12 +344,10 @@ const _sfc_main = create({
     }
   },
   components: {
-    [Rate.name]: Rate,
     CommentHeader,
     CommentImages,
     CommentBottom,
-    Right,
-    JoySmile
+    Right
   },
   emits: ["click", "clickImages", "clickOperate"],
   setup(props, { emit }) {
@@ -406,7 +406,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

@@ -1,12 +1,8 @@
-/*!
-* @nutui/nutui v4.0.0-beta.2 Mon Dec 26 2022 15:54:59 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
-import { c as createComponent } from "./component-1a609d46.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
 import { h } from "vue";
 import "../locale/lang";
-const component = {
+const { componentName, create } = createComponent("config-provider");
+const _sfc_main = create({
   props: {
     theme: { type: String, default: "" },
     themeVars: { type: Object, default: () => {
@@ -18,16 +14,49 @@ const component = {
       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];
       });
       return cssVars;
     };
-    console.log(mapThemeVarsToCSSVars(props.themeVars));
     return () => {
       var _a;
       return h(
@@ -40,9 +69,7 @@ const component = {
       );
     };
   }
-};
-const { componentName, create } = createComponent("config-provider");
-const _sfc_main = create(component);
+});
 export {
   _sfc_main as default
 };

package/dist/packages/_es/Countdown.js

@@ -1,11 +1,6 @@
-/*!
-* @nutui/nutui v4.0.0-beta.2 Mon Dec 26 2022 15:54:59 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
 import { reactive, computed, onBeforeMount, watch, toRefs, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
-import { p as padZero, c as createComponent } from "./component-1a609d46.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-6eba1fc2.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 getTimeStamp = (timeStr) => {
   if (!timeStr)
@@ -28,6 +23,7 @@ const _sfc_main = create({
       type: Boolean
     },
     startTime: {
+      // 可以是服务器当前时间
       type: [Number, String],
       validator(v) {
         const dateStr = new Date(v).toString().toLowerCase();
@@ -41,10 +37,12 @@ const _sfc_main = create({
         return dateStr !== "invalid date";
       }
     },
+    // 是否开启毫秒
     millisecond: {
       default: false,
       type: Boolean
     },
+    // 时间格式化
     format: {
       type: String,
       default: "HH:mm:ss"
@@ -53,6 +51,7 @@ const _sfc_main = create({
       type: Boolean,
       default: true
     },
+    // 倒计时时长，单位毫秒
     time: {
       type: [Number, String],
       default: 0
@@ -62,10 +61,14 @@ const _sfc_main = create({
   setup(props, { emit, slots }) {
     const state = reactive({
       restTime: 0,
+      // 倒计时剩余时间时间
       timer: null,
       counting: !props.paused && props.autoStart,
+      // 是否处于倒计时中
       handleEndTime: Date.now(),
+      // 最终截止时间
       diffTime: 0
+      // 设置了 startTime 时，与 date.now() 的差异
     });
     const classes = computed(() => {
       const prefixCls = componentName;

package/dist/packages/_es/Countup.js

@@ -1,11 +1,6 @@
-/*!
-* @nutui/nutui v4.0.0-beta.2 Mon Dec 26 2022 15:54:59 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
 import { getCurrentInstance, ref, reactive, watch, nextTick, onMounted, onUnmounted, toRefs, openBlock, createElementBlock, Fragment, normalizeStyle, renderList, createCommentVNode, toDisplayString, createTextVNode } from "vue";
-import { c as createComponent } from "./component-1a609d46.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-6eba1fc2.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 function useExtend(apis) {
   const instance = getCurrentInstance();
@@ -40,6 +35,7 @@ const _sfc_main = create({
       type: Boolean,
       default: true
     },
+    // 数字滚动
     numWidth: {
       type: Number,
       default: 20
@@ -52,6 +48,7 @@ const _sfc_main = create({
       type: Boolean,
       default: false
     },
+    // 自定义图片
     customBgImg: {
       type: String,
       default: ""
@@ -64,6 +61,7 @@ const _sfc_main = create({
       type: Number,
       default: 1
     },
+    // 抽奖
     type: {
       type: String,
       default: ""
@@ -105,14 +103,20 @@ const _sfc_main = create({
       to10_0: [0, 9, 8, 7, 6, 5, 4, 3, 2, 1, 1],
       timer: null,
       totalCount: 0,
+      //正整数
       pointNum: 0,
+      //小数位
       numberVal: 0,
+      //数字
       num_total_len: 0,
+      //数字长度
       relNum: 0,
+      //去除小数点
       customNumber: 1,
       prizeLevelTrun: 0,
       prizeY: [],
       prizeYPrev: [],
+      // machineTransition: 'none',
       finshMachine: 0,
       notPrize: [],
       typeMachine: ""
@@ -343,11 +347,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}%`;
@@ -356,6 +356,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);
@@ -395,6 +404,7 @@ const _sfc_main = create({
           }
           scrollTime(
             i,
+            // parseFloat((this.machinePrizeNum-(this.prizeLevelTrun-1))*this.numHeight + turn + local),
             newLocation,
             local
           );

package/dist/packages/_es/DatePicker.js

@@ -1,14 +1,9 @@
-/*!
-* @nutui/nutui v4.0.0-beta.2 Mon Dec 26 2022 15:54:59 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-1a609d46.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-6eba1fc2.js";
-import "./pxCheck-9763aaae.js";
-import "./index-0bea707c.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();
@@ -67,10 +62,12 @@ const _sfc_main = create({
       type: Function,
       default: null
     },
+    // 是否开启3D效果
     threeDimensional: {
       type: Boolean,
       default: true
     },
+    // 惯性滚动 时长
     swipeDuration: {
       type: [Number, String],
       default: 1e3

package/dist/packages/_es/Dialog.js

@@ -4,21 +4,15 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-/*!
-* @nutui/nutui v4.0.0-beta.2 Mon Dec 26 2022 15:54:59 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-1a609d46.js";
-import { f as funInterceptor } from "./interceptor-0a3b15e4.js";
-import { P as Popup, p as popupProps } from "./index-db2c2975.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-af79da1a.js";
 import Button from "./Button.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-6eba1fc2.js";
-import { _ as _sfc_main$1 } from "./index.vue_vue_type_script_lang-b8ddf362.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-add1c908.js";
+import { C as CreateComponent } from "./mountComponent-1ece4110.js";
 import "@nutui/icons-vue";
 const { componentName, create, translate } = createComponent("dialog");
 const _sfc_main = create({
@@ -76,6 +70,7 @@ const _sfc_main = 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,11 +1,6 @@
-/*!
-* @nutui/nutui v4.0.0-beta.2 Mon Dec 26 2022 15:54:59 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
 import { computed, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
-import { c as createComponent } from "./component-1a609d46.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-6eba1fc2.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 = create({

package/dist/packages/_es/Drag.js

@@ -1,12 +1,7 @@
-/*!
-* @nutui/nutui v4.0.0-beta.2 Mon Dec 26 2022 15:54:59 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-1a609d46.js";
-import { r as requestAniFrame } from "./raf-7bf556c1.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-6eba1fc2.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 = create({

package/dist/packages/_es/Ecard.js

@@ -1,14 +1,9 @@
-/*!
-* @nutui/nutui v4.0.0-beta.2 Mon Dec 26 2022 15:54:59 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-1a609d46.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
 import InputNumber from "./InputNumber.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-6eba1fc2.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
-import "./pxCheck-9763aaae.js";
+import "./pxCheck-c6b9f6b7.js";
 import "@nutui/icons-vue";
 const { create, translate } = createComponent("ecard");
 const _sfc_main = create({