@nutui/nutui 4.2.0 → 4.2.1

package/dist/packages/_es/ActionSheet.js

@@ -18,13 +18,13 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { c as createComponent } from "./component-f86a70df.js";
-import { useSlots, computed, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, normalizeClass, createElementBlock, toDisplayString, createCommentVNode, renderSlot, Fragment, renderList, normalizeStyle } from "vue";
+import { useSlots, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createElementBlock, toDisplayString, createCommentVNode, renderSlot, Fragment, renderList, normalizeClass, normalizeStyle } from "vue";
 import { P as Popup, p as popupProps } from "./index-5a1e6d22.js";
 import { Loading } from "@nutui/icons-vue";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 import "./Overlay.js";
-const { componentName, create } = createComponent("action-sheet");
+const { create } = createComponent("action-sheet");
 const _sfc_main = create({
   components: {
     [Popup.name]: Popup,
@@ -71,12 +71,6 @@ const _sfc_main = create({
   emits: ["cancel", "close", "choose", "update:visible"],
   setup(props, { emit }) {
     const slotDefault = !!useSlots().default;
-    const classes = computed(() => {
-      const prefixCls = componentName;
-      return {
-        [prefixCls]: true
-      };
-    });
     const isHighlight = (item) => {
       return props.chooseTagValue && props.chooseTagValue === item[props.optionTag] ? props.color : "";
     };
@@ -101,27 +95,27 @@ const _sfc_main = create({
       isHighlight,
       cancelActionSheet,
       chooseItem,
-      close,
-      classes
+      close
     };
   }
 });
-const _hoisted_1 = {
+const _hoisted_1 = { class: "nut-action-sheet" };
+const _hoisted_2 = {
   key: 0,
   class: "nut-action-sheet__title"
 };
-const _hoisted_2 = { key: 1 };
-const _hoisted_3 = {
+const _hoisted_3 = { key: 1 };
+const _hoisted_4 = {
   key: 0,
   class: "nut-action-sheet__item nut-action-sheet__desc"
 };
-const _hoisted_4 = {
+const _hoisted_5 = {
   key: 1,
   class: "nut-action-sheet__menu"
 };
-const _hoisted_5 = ["onClick"];
-const _hoisted_6 = { key: 1 };
-const _hoisted_7 = { class: "nut-action-sheet__subdesc" };
+const _hoisted_6 = ["onClick"];
+const _hoisted_7 = { key: 1 };
+const _hoisted_8 = { class: "nut-action-sheet__subdesc" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Loading = resolveComponent("Loading");
   const _component_nut_popup = resolveComponent("nut-popup");
@@ -131,17 +125,16 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     round: "",
     "close-on-click-overlay": _ctx.closeAbled,
     "lock-scroll": _ctx.lockScroll,
+    "z-index": _ctx.zIndex,
     onClickOverlay: _ctx.close
   }, {
     default: withCtx(() => [
-      createElementVNode("view", {
-        class: normalizeClass(_ctx.classes)
-      }, [
-        _ctx.title ? (openBlock(), createElementBlock("view", _hoisted_1, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
+      createElementVNode("view", _hoisted_1, [
+        _ctx.title ? (openBlock(), createElementBlock("view", _hoisted_2, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "default"),
-        !_ctx.slotDefault ? (openBlock(), createElementBlock("view", _hoisted_2, [
-          _ctx.description ? (openBlock(), createElementBlock("view", _hoisted_3, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
-          _ctx.menuItems.length ? (openBlock(), createElementBlock("view", _hoisted_4, [
+        !_ctx.slotDefault ? (openBlock(), createElementBlock("view", _hoisted_3, [
+          _ctx.description ? (openBlock(), createElementBlock("view", _hoisted_4, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
+          _ctx.menuItems.length ? (openBlock(), createElementBlock("view", _hoisted_5, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, (item, index2) => {
               return openBlock(), createElementBlock("view", {
                 key: index2,
@@ -155,9 +148,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 item.loading ? (openBlock(), createBlock(_component_Loading, {
                   key: 0,
                   name: "loading"
-                })) : (openBlock(), createElementBlock("view", _hoisted_6, toDisplayString(item[_ctx.optionTag]), 1)),
-                createElementVNode("view", _hoisted_7, toDisplayString(item[_ctx.optionSubTag]), 1)
-              ], 14, _hoisted_5);
+                })) : (openBlock(), createElementBlock("view", _hoisted_7, toDisplayString(item[_ctx.optionTag]), 1)),
+                createElementVNode("view", _hoisted_8, toDisplayString(item[_ctx.optionSubTag]), 1)
+              ], 14, _hoisted_6);
             }), 128))
           ])) : createCommentVNode("", true),
           _ctx.cancelTxt ? (openBlock(), createElementBlock("view", {
@@ -166,10 +159,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             onClick: _cache[0] || (_cache[0] = (...args) => _ctx.cancelActionSheet && _ctx.cancelActionSheet(...args))
           }, toDisplayString(_ctx.cancelTxt), 1)) : createCommentVNode("", true)
         ])) : createCommentVNode("", true)
-      ], 2)
+      ])
     ]),
     _: 3
-  }, 8, ["visible", "close-on-click-overlay", "lock-scroll", "onClickOverlay"]);
+  }, 8, ["visible", "close-on-click-overlay", "lock-scroll", "z-index", "onClickOverlay"]);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/dist/packages/_es/Address.js

@@ -396,6 +396,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     round: _ctx.round,
     "teleport-disable": _ctx.teleportDisable,
     teleport: _ctx.teleport,
+    "z-index": _ctx.zIndex,
     onClose: _ctx.close,
     onClickOverlay: _ctx.clickOverlay,
     onOpen: _cache[4] || (_cache[4] = ($event) => _ctx.closeWay = "self")
@@ -518,7 +519,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ])
     ]),
     _: 3
-  }, 8, ["visible", "lock-scroll", "round", "teleport-disable", "teleport", "onClose", "onClickOverlay"]);
+  }, 8, ["visible", "lock-scroll", "round", "teleport-disable", "teleport", "z-index", "onClose", "onClickOverlay"]);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/dist/packages/_es/Barrage.js

@@ -1,8 +1,8 @@
-import { useSlots, computed, ref, onMounted, onUnmounted, watch, nextTick, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createCommentVNode } from "vue";
+import { useSlots, ref, onMounted, onUnmounted, watch, nextTick, openBlock, createElementBlock, createElementVNode, normalizeClass, renderSlot, createCommentVNode } from "vue";
 import { c as createComponent } from "./component-f86a70df.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
-const { componentName, create } = createComponent("barrage");
+const { create } = createComponent("barrage");
 const _sfc_main = create({
   name: "barrage",
   props: {
@@ -34,12 +34,6 @@ const _sfc_main = create({
   setup(props) {
     const classTime = (/* @__PURE__ */ new Date()).getTime();
     const slotDefault = !!useSlots().default;
-    const classes = computed(() => {
-      const prefixCls = componentName;
-      return {
-        [prefixCls]: true
-      };
-    });
     let dmBody = ref(document.createElement("div"));
     let dmContainer = ref(document.createElement("div"));
     let timer = null;
@@ -168,14 +162,15 @@ const _sfc_main = create({
         run();
       });
     };
-    return { classTime, classes, danmuList, dmBody, dmContainer, add };
+    return { classTime, danmuList, dmBody, dmContainer, add };
   }
 });
+const _hoisted_1 = {
+  ref: "dmBody",
+  class: "nut-barrage"
+};
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", {
-    ref: "dmBody",
-    class: normalizeClass(_ctx.classes)
-  }, [
+  return openBlock(), createElementBlock("div", _hoisted_1, [
     createElementVNode("div", {
       ref: "dmContainer",
       class: normalizeClass(["dmContainer", _ctx.$slots.default && "slotContainer"])
@@ -187,7 +182,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         renderSlot(_ctx.$slots, "default")
       ], 2)) : createCommentVNode("", true)
     ], 2)
-  ], 2);
+  ], 512);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/dist/packages/_es/Calendar.js

@@ -1,6 +1,6 @@
 import { computed, ref, resolveComponent, openBlock, createBlock, mergeProps, withCtx, createVNode, createSlots, renderSlot } from "vue";
 import { c as createComponent } from "./component-f86a70df.js";
-import { C as CalendarItem, U as Utils } from "./index-b53aec83.js";
+import { C as CalendarItem, U as Utils } from "./index-a187a5aa.js";
 import { P as Popup } from "./index-5a1e6d22.js";
 import { u as useExpose } from "./index-79c5dc33.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
@@ -82,7 +82,8 @@ const _sfc_main = create({
     lockScroll: {
       type: Boolean,
       default: true
-    }
+    },
+    disabledDate: Function
   },
   emits: ["choose", "close", "update:visible", "select"],
   setup(props, { emit, slots }) {
@@ -179,6 +180,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         "show-sub-title": _ctx.showSubTitle,
         "to-date-animation": _ctx.toDateAnimation,
         "first-day-of-week": _ctx.firstDayOfWeek,
+        "disabled-date": _ctx.disabledDate,
         onUpdate: _ctx.update,
         onClose: _ctx.close,
         onChoose: _ctx.choose,
@@ -227,7 +229,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           ]),
           key: "4"
         } : void 0
-      ]), 1032, ["type", "is-auto-back-fill", "poppable", "title", "default-value", "start-date", "end-date", "confirm-text", "start-text", "end-text", "show-today", "show-title", "show-sub-title", "to-date-animation", "first-day-of-week", "onUpdate", "onClose", "onChoose", "onSelect"])
+      ]), 1032, ["type", "is-auto-back-fill", "poppable", "title", "default-value", "start-date", "end-date", "confirm-text", "start-text", "end-text", "show-today", "show-title", "show-sub-title", "to-date-animation", "first-day-of-week", "disabled-date", "onUpdate", "onClose", "onChoose", "onSelect"])
     ]),
     _: 3
   }, 16, ["visible", "lock-scroll", "onClickOverlay", "onClickCloseIcon"])) : (openBlock(), createBlock(_component_nut_calendar_item, {
@@ -248,6 +250,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     "to-date-animation": _ctx.toDateAnimation,
     "show-today": _ctx.showToday,
     "first-day-of-week": _ctx.firstDayOfWeek,
+    "disabled-date": _ctx.disabledDate,
     onUpdate: _ctx.update,
     onClose: _ctx.close,
     onChoose: _ctx.choose,
@@ -287,7 +290,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       key: "3"
     } : void 0
-  ]), 1032, ["type", "is-auto-back-fill", "poppable", "title", "confirm-text", "start-text", "end-text", "default-value", "start-date", "end-date", "show-title", "show-sub-title", "to-date-animation", "show-today", "first-day-of-week", "onUpdate", "onClose", "onChoose", "onSelect"]));
+  ]), 1032, ["type", "is-auto-back-fill", "poppable", "title", "confirm-text", "start-text", "end-text", "default-value", "start-date", "end-date", "show-title", "show-sub-title", "to-date-animation", "show-today", "first-day-of-week", "disabled-date", "onUpdate", "onClose", "onChoose", "onSelect"]));
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/dist/packages/_es/CalendarItem.js

@@ -1,4 +1,4 @@
-import { C } from "./index-b53aec83.js";
+import { C } from "./index-a187a5aa.js";
 import "vue";
 import "./_plugin-vue_export-helper-cc2b3d55.js";
 import "./component-f86a70df.js";

package/dist/packages/_es/Cascader.js

@@ -574,7 +574,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     round: "",
     closeable: _ctx.closeable,
     "destroy-on-close": false,
-    "close-icon-position": _ctx.closeIconPosition
+    "close-icon-position": _ctx.closeIconPosition,
+    "z-index": _ctx.zIndex
   }, {
     default: withCtx(() => [
       _ctx.title ? (openBlock(), createElementBlock("view", {
@@ -597,7 +598,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       }, null, 8, ["model-value", "options", "lazy", "lazy-load", "value-key", "text-key", "children-key", "convert-config", "visible", "onChange", "onPathChange"])
     ]),
     _: 1
-  }, 8, ["visible", "closeable", "close-icon-position"])) : (openBlock(), createBlock(_component_nut_cascader_item, {
+  }, 8, ["visible", "closeable", "close-icon-position", "z-index"])) : (openBlock(), createBlock(_component_nut_cascader_item, {
     key: 1,
     "model-value": _ctx.innerValue,
     options: _ctx.options,

package/dist/packages/_es/Collapse.js

@@ -1,8 +1,8 @@
-import { ref, computed, watch, provide, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
+import { ref, watch, provide, openBlock, createElementBlock, renderSlot } from "vue";
 import { c as createComponent } from "./component-f86a70df.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
-const { create, componentName } = createComponent("collapse");
+const { create } = createComponent("collapse");
 const _sfc_main = create({
   props: {
     modelValue: {
@@ -18,12 +18,6 @@ const _sfc_main = create({
   setup(props, { emit }) {
     const collapseDom = ref(null);
     const innerValue = ref(props.modelValue || (props.accordion ? "" : []));
-    const classes = computed(() => {
-      const prefixCls = componentName;
-      return {
-        [prefixCls]: true
-      };
-    });
     watch(
       () => props.modelValue,
       (val) => {
@@ -68,16 +62,17 @@ const _sfc_main = create({
       updateVal,
       isExpanded
     });
-    return { collapseDom, classes };
+    return { collapseDom };
   }
 });
+const _hoisted_1 = {
+  ref: "collapseDom",
+  class: "nut-collapse"
+};
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("view", {
-    ref: "collapseDom",
-    class: normalizeClass(_ctx.classes)
-  }, [
+  return openBlock(), createElementBlock("view", _hoisted_1, [
     renderSlot(_ctx.$slots, "default")
-  ], 2);
+  ], 512);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/dist/packages/_es/DatePicker.js

@@ -34,7 +34,7 @@ const zhCNType = {
   year: translate("year"),
   month: translate("month"),
   hour: translate("hour"),
-  minute: translate("minute"),
+  minute: translate("min"),
   seconds: translate("seconds")
 };
 const _sfc_main = create({

package/dist/packages/_es/Dialog.js

@@ -75,6 +75,10 @@ const _sfc_main = create({
       type: Boolean,
       default: true
     },
+    okAutoClose: {
+      type: Boolean,
+      default: true
+    },
     textAlign: {
       type: String,
       default: "center"
@@ -145,7 +149,9 @@ const _sfc_main = create({
     };
     const onOk = () => {
       emit("ok");
-      closed("ok");
+      if (props.okAutoClose) {
+        closed("ok");
+      }
     };
     const onClickOverlay = () => {
       if (props.closeOnClickOverlay) {
@@ -188,6 +194,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     "overlay-style": _ctx.overlayStyle,
     style: normalizeStyle(_ctx.popStyle),
     round: "",
+    "z-index": _ctx.zIndex,
     onClickOverlay: _ctx.onClickOverlay,
     onClickCloseIcon: _ctx.closed
   }, {
@@ -244,7 +251,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ], 2)
     ]),
     _: 3
-  }, 8, ["visible", "teleport", "lock-scroll", "pop-class", "overlay-class", "overlay-style", "style", "onClickOverlay", "onClickCloseIcon"]);
+  }, 8, ["visible", "teleport", "lock-scroll", "pop-class", "overlay-class", "overlay-style", "style", "z-index", "onClickOverlay", "onClickCloseIcon"]);
 }
 const Dialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 class DialogOptions {
@@ -278,6 +285,8 @@ class DialogOptions {
     __publicField(this, "closeOnPopstate", false);
     __publicField(this, "closeOnClickOverlay", true);
     __publicField(this, "lockScroll", true);
+    __publicField(this, "cancelAutoClose", true);
+    __publicField(this, "okAutoClose", true);
   }
 }
 class DialogFunction {

package/dist/packages/_es/Drag.js

@@ -1,9 +1,9 @@
-import { ref, reactive, computed, onMounted, onActivated, onDeactivated, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
+import { ref, reactive, onMounted, onActivated, onDeactivated, openBlock, createElementBlock, renderSlot } from "vue";
 import { c as createComponent } from "./component-f86a70df.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 { create } = createComponent("drag");
 const _sfc_main = create({
   props: {
     attract: {
@@ -48,12 +48,6 @@ const _sfc_main = create({
         bottom: 0
       }
     });
-    const classes = computed(() => {
-      const prefixCls = componentName;
-      return {
-        [prefixCls]: true
-      };
-    });
     function getInfo() {
       const domElem = document.documentElement;
       state.elWidth = myDrag.value.offsetWidth;
@@ -176,7 +170,6 @@ const _sfc_main = create({
       myDrag.value.removeEventListener("touchend", touchEnd);
     });
     return {
-      classes,
       myDrag,
       touchStart,
       touchMove,
@@ -187,13 +180,13 @@ const _sfc_main = create({
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     ref: "myDrag",
-    class: normalizeClass(_ctx.classes),
+    class: "nut-drag",
     onTouchstart: _cache[0] || (_cache[0] = ($event) => _ctx.touchStart($event)),
     onTouchmove: _cache[1] || (_cache[1] = ($event) => _ctx.touchMove($event)),
     onTouchend: _cache[2] || (_cache[2] = ($event) => _ctx.touchEnd($event))
   }, [
     renderSlot(_ctx.$slots, "default")
-  ], 34);
+  ], 544);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/dist/packages/_es/Elevator.js

@@ -17,12 +17,12 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { ref, reactive, computed, onMounted, watch, nextTick, toRefs, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, Fragment, renderList, toDisplayString, renderSlot, withDirectives, vShow, createCommentVNode, withModifiers } from "vue";
+import { ref, reactive, computed, onMounted, watch, nextTick, toRefs, openBlock, createElementBlock, createElementVNode, normalizeStyle, Fragment, renderList, toDisplayString, normalizeClass, renderSlot, withDirectives, vShow, createCommentVNode, withModifiers } from "vue";
 import { c as createComponent } from "./component-f86a70df.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 { create } = createComponent("elevator");
 const _sfc_main = create({
   props: {
     height: {
@@ -72,17 +72,6 @@ const _sfc_main = create({
       diff: -1,
       fixedTop: 0
     });
-    const classes = computed(() => {
-      const prefixCls = componentName;
-      return {
-        [prefixCls]: true
-      };
-    });
-    const fixedStyle = computed(() => {
-      return {
-        transform: `translate3d(0, ${state.scrollY + state.fixedTop}px, 0)`
-      };
-    });
     const clientHeight = computed(() => {
       return listview.value.clientHeight;
     });
@@ -161,7 +150,9 @@ const _sfc_main = create({
       state.currentIndex = listHeight.length - 2;
     };
     onMounted(() => {
-      listview.value.addEventListener("scroll", listViewScroll);
+      if (listview.value) {
+        listview.value.addEventListener("scroll", listViewScroll);
+      }
     });
     useExpose({
       scrollTo
@@ -193,10 +184,7 @@ const _sfc_main = create({
         context.emit("change", newVal);
       }
     );
-    return __spreadProps(__spreadValues({
-      classes
-    }, toRefs(state)), {
-      fixedStyle,
+    return __spreadProps(__spreadValues({}, toRefs(state)), {
       clientHeight,
       setListGroup,
       listview,
@@ -208,16 +196,16 @@ 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: "nut-elevator__fixed-title" };
-const _hoisted_5 = { class: "nut-elevator__bars__inner" };
-const _hoisted_6 = ["data-index", "onClick"];
+const _hoisted_1 = { class: "nut-elevator" };
+const _hoisted_2 = { class: "nut-elevator__list__item__code" };
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = ["innerHTML"];
+const _hoisted_5 = { class: "nut-elevator__list__fixed" };
+const _hoisted_6 = { class: "nut-elevator__list__fixed-title" };
+const _hoisted_7 = { class: "nut-elevator__bars__inner" };
+const _hoisted_8 = ["data-index", "onClick"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("view", {
-    class: normalizeClass(_ctx.classes)
-  }, [
+  return openBlock(), createElementBlock("view", _hoisted_1, [
     createElementVNode("view", {
       ref: "listview",
       class: "nut-elevator__list",
@@ -230,7 +218,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           ref: _ctx.setListGroup,
           class: "nut-elevator__list__item"
         }, [
-          createElementVNode("view", _hoisted_1, toDisplayString(item[_ctx.acceptKey]), 1),
+          createElementVNode("view", _hoisted_2, toDisplayString(item[_ctx.acceptKey]), 1),
           (openBlock(true), createElementBlock(Fragment, null, renderList(item.list, (subitem) => {
             return openBlock(), createElementBlock("view", {
               key: subitem["id"],
@@ -242,24 +230,20 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               !_ctx.$slots.default ? (openBlock(), createElementBlock("span", {
                 key: 0,
                 innerHTML: subitem.name
-              }, null, 8, _hoisted_3)) : renderSlot(_ctx.$slots, "default", {
+              }, null, 8, _hoisted_4)) : renderSlot(_ctx.$slots, "default", {
                 key: 1,
                 item: subitem
               })
-            ], 10, _hoisted_2);
+            ], 10, _hoisted_3);
           }), 128))
         ]);
-      }), 128)),
-      _ctx.isSticky ? withDirectives((openBlock(), createElementBlock("view", {
-        key: 0,
-        class: "nut-elevator__list__fixed",
-        style: normalizeStyle(_ctx.fixedStyle)
-      }, [
-        createElementVNode("span", _hoisted_4, toDisplayString(_ctx.indexList[_ctx.currentIndex][_ctx.acceptKey]), 1)
-      ], 4)), [
-        [vShow, _ctx.scrollY > 0]
-      ]) : createCommentVNode("", true)
+      }), 128))
     ], 4),
+    withDirectives(createElementVNode("view", _hoisted_5, [
+      createElementVNode("view", _hoisted_6, toDisplayString(_ctx.indexList[_ctx.currentIndex][_ctx.acceptKey]), 1)
+    ], 512), [
+      [vShow, _ctx.scrollY > 0 && _ctx.isSticky]
+    ]),
     _ctx.indexList.length ? withDirectives((openBlock(), createElementBlock("view", {
       key: 0,
       class: "nut-elevator__code--current"
@@ -272,18 +256,18 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       onTouchmove: _cache[1] || (_cache[1] = withModifiers((...args) => _ctx.touchMove && _ctx.touchMove(...args), ["stop", "prevent"])),
       onTouchend: _cache[2] || (_cache[2] = (...args) => _ctx.touchEnd && _ctx.touchEnd(...args))
     }, [
-      createElementVNode("view", _hoisted_5, [
+      createElementVNode("view", _hoisted_7, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.indexList, (item, index) => {
           return openBlock(), createElementBlock("view", {
             key: item[_ctx.acceptKey],
             class: normalizeClass(["nut-elevator__bars__inner__item", { active: item[_ctx.acceptKey] === _ctx.indexList[_ctx.currentIndex][_ctx.acceptKey] }]),
             "data-index": index,
             onClick: ($event) => _ctx.handleClickIndex(item[_ctx.acceptKey])
-          }, toDisplayString(item[_ctx.acceptKey]), 11, _hoisted_6);
+          }, toDisplayString(item[_ctx.acceptKey]), 11, _hoisted_8);
         }), 128))
       ])
     ], 32)
-  ], 2);
+  ]);
 }
 const Elevator = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/dist/packages/_es/Ellipsis.js

@@ -17,11 +17,11 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { ref, reactive, computed, watch, onMounted, toRefs, openBlock, createElementBlock, normalizeClass, toDisplayString, createCommentVNode, createTextVNode, withModifiers } from "vue";
+import { ref, reactive, watch, onMounted, toRefs, openBlock, createElementBlock, toDisplayString, createCommentVNode, createTextVNode, withModifiers } from "vue";
 import { c as createComponent } from "./component-f86a70df.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
-const { componentName, create } = createComponent("ellipsis");
+const { create } = createComponent("ellipsis");
 const _sfc_main = create({
   props: {
     content: {
@@ -65,12 +65,6 @@ const _sfc_main = create({
       expanded: false
       //是否折叠
     });
-    const classes = computed(() => {
-      const prefixCls = componentName;
-      return {
-        [prefixCls]: true
-      };
-    });
     watch(
       () => props.content,
       (newV, oldVal) => {
@@ -193,7 +187,7 @@ const _sfc_main = create({
     const handleClick = () => {
       emit("click");
     };
-    return __spreadProps(__spreadValues({}, toRefs(state)), { root, ellipsis, classes, clickHandle, handleClick });
+    return __spreadProps(__spreadValues({}, toRefs(state)), { root, ellipsis, clickHandle, handleClick });
   }
 });
 const _hoisted_1 = { key: 0 };
@@ -202,7 +196,7 @@ const _hoisted_3 = { key: 2 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     ref: "root",
-    class: normalizeClass(_ctx.classes),
+    class: "nut-ellipsis",
     onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
   }, [
     !_ctx.exceeded ? (openBlock(), createElementBlock("view", _hoisted_1, toDisplayString(_ctx.content), 1)) : createCommentVNode("", true),
@@ -223,7 +217,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         onClick: _cache[1] || (_cache[1] = withModifiers(($event) => _ctx.clickHandle(2), ["stop"]))
       }, toDisplayString(_ctx.collapseText), 1)) : createCommentVNode("", true)
     ])) : createCommentVNode("", true)
-  ], 2);
+  ], 512);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {