@nutui/nutui 3.3.1 → 4.0.0-beta.1

package/dist/packages/_es/DatePicker.js

@@ -1,17 +1,16 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.1 Mon Dec 26 2022 15:40:58 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 { p as popupProps } from "./props.js";
-import { c as createComponent, i as isDate$1, p as padZero } from "./component.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
-import "./Popup.js";
+import { c as createComponent, a as isDate$1, p as padZero } from "./component-48526d37.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-73a3d722.js";
+import "./pxCheck-524650ac.js";
+import "./index-c3e2c58b.js";
 import "../locale/lang";
-import "./index4.js";
-const { componentName, create, translate } = createComponent("datepicker");
+const { componentName, create, translate } = createComponent("date-picker");
 const currentYear = new Date().getFullYear();
 function isDate(val) {
   return isDate$1(val) && !isNaN(val.getTime());
@@ -29,7 +28,6 @@ const _sfc_main = create({
     [Picker.name]: Picker
   },
   props: {
-    ...popupProps,
     modelValue: null,
     title: {
       type: String,
@@ -77,12 +75,23 @@ const _sfc_main = create({
       type: [Number, String],
       default: 1e3
     },
-    filter: Function
+    filter: Function,
+    showToolbar: {
+      type: Boolean,
+      default: true
+    },
+    visibleOptionNum: {
+      type: [Number, String],
+      default: 7
+    },
+    optionHeight: {
+      type: [Number, String],
+      default: 36
+    }
   },
-  emits: ["click", "update:visible", "change", "confirm", "update:modelValue"],
+  emits: ["click", "cancel", "change", "confirm", "update:modelValue"],
   setup(props, { emit }) {
     const state = reactive({
-      show: props.visible,
       currentDate: new Date(),
       title: props.title,
       selectedValue: []
@@ -275,11 +284,10 @@ const _sfc_main = create({
       }
       return 0;
     };
-    const closeHandler = () => {
-      emit("update:visible", false);
+    const closeHandler = (val) => {
+      emit("cancel", val);
     };
     const confirm = (val) => {
-      emit("update:visible", false);
       emit("confirm", val);
     };
     onBeforeMount(() => {
@@ -310,12 +318,6 @@ const _sfc_main = create({
         state.title = val;
       }
     );
-    watch(
-      () => props.visible,
-      (val) => {
-        state.show = val;
-      }
-    );
     return {
       ...toRefs(state),
       changeHandler,
@@ -330,20 +332,18 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(_component_nut_picker, {
     modelValue: _ctx.selectedValue,
     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.selectedValue = $event),
-    visible: _ctx.show,
-    "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => _ctx.show = $event),
     okText: _ctx.okText,
     cancelText: _ctx.cancelText,
-    onClose: _ctx.closeHandler,
+    onCancel: _ctx.closeHandler,
     columns: _ctx.columns,
     onChange: _ctx.changeHandler,
     title: _ctx.title,
     onConfirm: _ctx.confirm,
-    teleportDisable: _ctx.teleportDisable,
     threeDimensional: _ctx.threeDimensional,
     swipeDuration: _ctx.swipeDuration,
-    safeAreaInsetBottom: _ctx.safeAreaInsetBottom,
-    destroyOnClose: _ctx.destroyOnClose
+    showToolbar: _ctx.showToolbar,
+    visibleOptionNum: _ctx.visibleOptionNum,
+    optionHeight: _ctx.optionHeight
   }, {
     top: withCtx(() => [
       renderSlot(_ctx.$slots, "top")
@@ -352,7 +352,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       renderSlot(_ctx.$slots, "default")
     ]),
     _: 3
-  }, 8, ["modelValue", "visible", "okText", "cancelText", "onClose", "columns", "onChange", "title", "onConfirm", "teleportDisable", "threeDimensional", "swipeDuration", "safeAreaInsetBottom", "destroyOnClose"]);
+  }, 8, ["modelValue", "okText", "cancelText", "onCancel", "columns", "onChange", "title", "onConfirm", "threeDimensional", "swipeDuration", "showToolbar", "visibleOptionNum", "optionHeight"]);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};

package/dist/packages/_es/Dialog.js

@@ -1,24 +1,32 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.1 Mon Dec 26 2022 15:40:58 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.js";
-import { f as funInterceptor } from "./interceptor.js";
-import { p as popupProps } from "./props.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
-import Popup from "./Popup.js";
-import _sfc_main$1 from "./Icon.js";
+import { c as createComponent } from "./component-48526d37.js";
+import { f as funInterceptor } from "./interceptor-da627865.js";
+import { P as Popup, p as popupProps } from "./index-b05fa625.js";
 import Button from "./Button.js";
-import OverLay from "./OverLay.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-73a3d722.js";
+import { _ as _sfc_main$1 } from "./index.vue_vue_type_script_lang-6a7b6f54.js";
+import Overlay from "./Overlay.js";
 import "../locale/lang";
-import { C as CreateComponent } from "./mountComponent.js";
-import "./pxCheck.js";
+import { C as CreateComponent } from "./mountComponent-75cf7cfe.js";
+import "@nutui/icons-vue";
 const { componentName, create, translate } = createComponent("dialog");
 const _sfc_main = create({
   inheritAttrs: false,
-  components: {},
+  components: {
+    [Popup.name]: Popup,
+    [Button.name]: Button
+  },
   props: {
     ...popupProps,
     closeOnClickOverlay: {
@@ -126,12 +134,18 @@ const _sfc_main = create({
       emit("ok");
       closed("ok");
     };
+    const contentStyle = computed(() => {
+      return {
+        textAlign: props.textAlign
+      };
+    });
     return {
       closed,
       classes,
       onCancel,
       onOk,
       showPopup,
+      contentStyle,
       translate
     };
   }
@@ -167,7 +181,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ])) : createCommentVNode("", true),
         createElementVNode("view", {
           class: "nut-dialog__content",
-          style: normalizeStyle({ textAlign: _ctx.textAlign })
+          style: normalizeStyle(_ctx.contentStyle)
         }, [
           _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : typeof _ctx.content === "string" ? (openBlock(), createElementBlock("view", {
             key: 1,
@@ -211,48 +225,50 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["teleport", "visible", "close-on-click-overlay", "lock-scroll", "pop-class", "style", "onClickOverlay", "onClickCloseIcon"]);
 }
-var Dialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const Dialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 class DialogOptions {
   constructor() {
-    this.title = "";
-    this.content = "";
-    this.cancelText = "";
-    this.okText = "";
-    this.textAlign = "center";
-    this.customClass = "";
-    this.overlayStyle = {};
-    this.overlayClass = "";
-    this.popStyle = {};
-    this.popClass = "";
-    this.teleport = "body";
-    this.id = new Date().getTime();
-    this.footerDirection = "horizontal";
-    this.onUpdate = (value) => {
-    };
-    this.onOk = () => {
-    };
-    this.onCancel = () => {
-    };
-    this.onOpened = () => {
-    };
-    this.onClosed = () => {
-    };
-    this.visible = true;
-    this.noFooter = false;
-    this.noOkBtn = false;
-    this.noCancelBtn = false;
-    this.okBtnDisabled = false;
-    this.closeOnPopstate = false;
-    this.lockScroll = false;
+    __publicField(this, "title", "");
+    __publicField(this, "content", "");
+    __publicField(this, "cancelText", "");
+    __publicField(this, "okText", "");
+    __publicField(this, "textAlign", "center");
+    __publicField(this, "customClass", "");
+    __publicField(this, "overlayStyle", {});
+    __publicField(this, "overlayClass", "");
+    __publicField(this, "popStyle", {});
+    __publicField(this, "popClass", "");
+    __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", () => {
+    });
+    __publicField(this, "beforeClose");
+    __publicField(this, "visible", true);
+    __publicField(this, "noFooter", false);
+    __publicField(this, "noOkBtn", false);
+    __publicField(this, "noCancelBtn", false);
+    __publicField(this, "okBtnDisabled", false);
+    __publicField(this, "closeOnPopstate", false);
+    __publicField(this, "lockScroll", false);
   }
 }
 class DialogFunction {
   constructor(_options) {
-    this.options = new DialogOptions();
+    __publicField(this, "options", new DialogOptions());
+    __publicField(this, "instance");
     let options = Object.assign(this.options, _options);
     const { unmount } = CreateComponent(options, {
       name: "dialog",
-      components: [Popup, _sfc_main$1, Button, OverLay],
+      components: [Popup, _sfc_main$1, Button, Overlay],
       wrapper: (elWarp, root) => {
         return {
           setup() {
@@ -281,4 +297,8 @@ _Dialog.install = (app) => {
   app.use(Dialog);
   app.config.globalProperties.$dialog = _Dialog;
 };
-export { Dialog, DialogOptions, _Dialog as default };
+export {
+  Dialog,
+  DialogOptions,
+  _Dialog as default
+};

package/dist/packages/_es/Divider.js

@@ -1,11 +1,11 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.1 Mon Dec 26 2022 15:40:58 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { computed, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
-import { c as createComponent } from "./component.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { c as createComponent } from "./component-48526d37.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-73a3d722.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("divider");
 const _sfc_main = create({
@@ -66,5 +66,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     class: normalizeClass(_ctx.classes)
   }, null, 2));
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};

package/dist/packages/_es/Drag.js

@@ -1,12 +1,12 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.1 Mon Dec 26 2022 15:40:58 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.js";
-import { r as requestAniFrame } from "./raf.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { c as createComponent } from "./component-48526d37.js";
+import { r as requestAniFrame } from "./raf-e90b8c4d.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-73a3d722.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("drag");
 const _sfc_main = create({
@@ -200,5 +200,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 34);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};

package/dist/packages/_es/Ecard.js

@@ -1,14 +1,20 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.1 Mon Dec 26 2022 15:40:58 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.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { c as createComponent } from "./component-48526d37.js";
+import InputNumber from "./InputNumber.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-73a3d722.js";
 import "../locale/lang";
+import "./pxCheck-524650ac.js";
+import "@nutui/icons-vue";
 const { create, translate } = createComponent("ecard");
 const _sfc_main = create({
+  components: {
+    [InputNumber.name]: InputNumber
+  },
   props: {
     chooseText: {
       type: String,
@@ -19,10 +25,8 @@ const _sfc_main = create({
       default: ""
     },
     dataList: {
-      type: [Object, Array],
-      default: () => {
-        return [];
-      }
+      type: Array,
+      default: () => []
     },
     cardAmountMin: {
       type: Number,
@@ -50,7 +54,7 @@ const _sfc_main = create({
     },
     suffix: {
       type: String,
-      default: "\xA5"
+      default: "¥"
     }
   },
   emits: ["inputChange", "changeStep", "inputClick", "change", "update:modelValue"],
@@ -121,7 +125,7 @@ const _hoisted_5 = { class: "nut-ecard__list__input--con" };
 const _hoisted_6 = ["placeholder"];
 const _hoisted_7 = { class: "nut-ecard__list__step" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_inputnumber = resolveComponent("nut-inputnumber");
+  const _component_nut_input_number = resolveComponent("nut-input-number");
   return openBlock(), createElementBlock("view", _hoisted_1, [
     createElementVNode("view", _hoisted_2, toDisplayString(_ctx.chooseText || _ctx.translate("chooseText")), 1),
     createElementVNode("view", _hoisted_3, [
@@ -152,7 +156,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ], 2),
       createElementVNode("view", _hoisted_7, [
         createElementVNode("view", null, toDisplayString(_ctx.suffix) + toDisplayString(_ctx.money), 1),
-        createVNode(_component_nut_inputnumber, {
+        createVNode(_component_nut_input_number, {
           modelValue: _ctx.stepValue,
           "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.stepValue = $event),
           min: _ctx.cardBuyMin,
@@ -163,5 +167,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};

package/dist/packages/_es/Elevator.js

@@ -1,12 +1,12 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.1 Mon Dec 26 2022 15:40:58 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.js";
-import { u as useExpose } from "./index3.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { c as createComponent } from "./component-48526d37.js";
+import { u as useExpose } from "./index-efc0d9e4.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-73a3d722.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("elevator");
 const _sfc_main = create({
@@ -92,25 +92,25 @@ const _sfc_main = create({
         state.listHeight.push(height);
       }
     };
-    const scrollTo = (index2) => {
-      if (!index2 && index2 !== 0) {
+    const scrollTo = (index) => {
+      if (!index && index !== 0) {
         return;
       }
-      if (index2 < 0)
-        index2 = 0;
-      if (index2 > state.listHeight.length - 2)
-        index2 = state.listHeight.length - 2;
-      state.codeIndex = index2;
-      listview.value.scrollTo(0, state.listHeight[index2]);
+      if (index < 0)
+        index = 0;
+      if (index > state.listHeight.length - 2)
+        index = state.listHeight.length - 2;
+      state.codeIndex = index;
+      listview.value.scrollTo(0, state.listHeight[index]);
     };
     const touchStart = (e) => {
       state.scrollStart = true;
-      let index2 = getData(e.target, "index");
+      let index = getData(e.target, "index");
       let firstTouch = e.touches[0];
       state.touchState.y1 = firstTouch.pageY;
-      state.anchorIndex = +index2;
-      state.codeIndex = +index2;
-      scrollTo(+index2);
+      state.anchorIndex = +index;
+      state.codeIndex = +index;
+      scrollTo(+index);
     };
     const touchMove = (e) => {
       let firstTouch = e.touches[0];
@@ -197,7 +197,7 @@ const _sfc_main = create({
 const _hoisted_1 = { class: "nut-elevator__list__item__code" };
 const _hoisted_2 = ["onClick"];
 const _hoisted_3 = ["innerHTML"];
-const _hoisted_4 = { class: "fixed-title" };
+const _hoisted_4 = { class: "nut-elevator__fixed-title" };
 const _hoisted_5 = { class: "nut-elevator__bars__inner" };
 const _hoisted_6 = ["data-index", "onClick"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -259,10 +259,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       onTouchend: _cache[2] || (_cache[2] = (...args) => _ctx.touchEnd && _ctx.touchEnd(...args))
     }, [
       createElementVNode("view", _hoisted_5, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.indexList, (item, index2) => {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.indexList, (item, index) => {
           return openBlock(), createElementBlock("view", {
             class: normalizeClass(["nut-elevator__bars__inner__item", { active: item[_ctx.acceptKey] === _ctx.indexList[_ctx.currentIndex][_ctx.acceptKey] }]),
-            "data-index": index2,
+            "data-index": index,
             key: item[_ctx.acceptKey],
             onClick: ($event) => _ctx.handleClickIndex(item[_ctx.acceptKey])
           }, toDisplayString(item[_ctx.acceptKey]), 11, _hoisted_6);
@@ -271,5 +271,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 32)
   ], 2);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+const Elevator = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  Elevator as default
+};

package/dist/packages/_es/Ellipsis.js

@@ -1,11 +1,11 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.1 Mon Dec 26 2022 15:40:58 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.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { c as createComponent } from "./component-48526d37.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-73a3d722.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("ellipsis");
 const _sfc_main = create({
@@ -193,23 +193,25 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   }, [
     !_ctx.exceeded ? (openBlock(), createElementBlock("view", _hoisted_1, toDisplayString(_ctx.content), 1)) : createCommentVNode("", true),
     _ctx.exceeded && !_ctx.expanded ? (openBlock(), createElementBlock("view", _hoisted_2, [
-      createTextVNode(toDisplayString(_ctx.ellipsis.leading), 1),
+      createTextVNode(toDisplayString(_ctx.ellipsis && _ctx.ellipsis.leading), 1),
       _ctx.expandText ? (openBlock(), createElementBlock("span", {
         key: 0,
-        class: "nut-ellipsis-text",
+        class: "nut-ellipsis__text",
         onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.clickHandle(1), ["stop"]))
       }, toDisplayString(_ctx.expandText), 1)) : createCommentVNode("", true),
-      createTextVNode(toDisplayString(_ctx.ellipsis.tailing), 1)
+      createTextVNode(toDisplayString(_ctx.ellipsis && _ctx.ellipsis.tailing), 1)
     ])) : createCommentVNode("", true),
     _ctx.exceeded && _ctx.expanded ? (openBlock(), createElementBlock("view", _hoisted_3, [
       createTextVNode(toDisplayString(_ctx.content) + " ", 1),
       _ctx.expandText ? (openBlock(), createElementBlock("span", {
         key: 0,
-        class: "nut-ellipsis-text",
+        class: "nut-ellipsis__text",
         onClick: _cache[1] || (_cache[1] = withModifiers(($event) => _ctx.clickHandle(2), ["stop"]))
       }, toDisplayString(_ctx.collapseText), 1)) : createCommentVNode("", true)
     ])) : createCommentVNode("", true)
   ], 2);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};

package/dist/packages/_es/Empty.js

@@ -1,11 +1,11 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.1 Mon Dec 26 2022 15:40:58 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.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { c as createComponent } from "./component-48526d37.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-73a3d722.js";
 import "../locale/lang";
 const { componentName, create, translate } = createComponent("empty");
 const defaultStatus = {
@@ -52,18 +52,18 @@ const _hoisted_1 = { class: "nut-empty" };
 const _hoisted_2 = ["src"];
 const _hoisted_3 = {
   key: 1,
-  class: "nut-empty-description"
+  class: "nut-empty__description"
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", _hoisted_1, [
     createElementVNode("view", {
-      class: "nut-empty-image",
+      class: "nut-empty__box",
       style: normalizeStyle(_ctx.imgStyle)
     }, [
       _ctx.$slots.image ? renderSlot(_ctx.$slots, "image", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
         _ctx.imageUrl ? (openBlock(), createElementBlock("img", {
           key: 0,
-          class: "img",
+          class: "nut-empty__box--img",
           src: _ctx.imageUrl
         }, null, 8, _hoisted_2)) : createCommentVNode("", true)
       ], 64))
@@ -72,5 +72,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 2 }) : createCommentVNode("", true)
   ]);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};