@nutui/nutui 3.2.6-beta.1 → 3.2.6-beta.2

package/dist/packages/_es/Drag.js

@@ -1,12 +1,11 @@
 /*!
-* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.2 Fri Nov 04 2022 17:24:29 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { ref, reactive, computed, onMounted, onActivated, onDeactivated, openBlock, createElementBlock, normalizeClass, withModifiers, normalizeStyle, renderSlot } from "vue";
+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 Taro, { eventCenter, getCurrentInstance } from "@tarojs/taro";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("drag");
@@ -32,7 +31,7 @@ const _sfc_main = create({
       }
     }
   },
-  setup(props, { emit }) {
+  setup(props) {
     const myDrag = ref();
     const state = reactive({
       keepAlive: false,
@@ -42,13 +41,10 @@ const _sfc_main = create({
       screenHeight: 0,
       startTop: 0,
       startLeft: 0,
-      initTop: 0,
       nx: 0,
       ny: 0,
       xPum: 0,
       yPum: 0,
-      top: 0,
-      left: 0,
       position: { x: 0, y: 0 },
       boundary: {
         top: 0,
@@ -58,57 +54,54 @@ const _sfc_main = create({
       }
     });
     const classes = computed(() => {
-      const prefixCls = "nut-taro-drag";
+      const prefixCls = componentName;
       return {
         [prefixCls]: true
       };
     });
-    const domElem = Taro.getSystemInfoSync();
     function getInfo() {
-      const query = Taro.createSelectorQuery();
-      query.select(".myDrag").boundingClientRect((rec) => {
-        state.elWidth = rec.width;
-        state.elHeight = rec.height;
-        state.initTop = rec.top;
-      }).exec();
-      state.screenWidth = domElem.screenWidth;
-      state.screenHeight = domElem.screenHeight;
+      const domElem = document.documentElement;
+      state.elWidth = myDrag.value.offsetWidth;
+      state.elHeight = myDrag.value.offsetHeight;
+      state.screenWidth = domElem.clientWidth || 375;
+      state.screenHeight = domElem.clientHeight || 667;
     }
-    function goLeft() {
+    function goLeft(target) {
       if (state.boundary.left) {
-        if (+state.left.split("px")[0] > state.boundary.left) {
-          state.left = +state.left.split("px")[0] - 10 + "px";
+        if (+target.style.left.split("px")[0] > state.boundary.left) {
+          target.style.left = +target.style.left.split("px")[0] - 10 + "px";
           requestAniFrame(() => {
-            goLeft();
+            goLeft(target);
           });
         } else {
-          state.left = `${state.boundary.left}px`;
+          target.style.left = `${state.boundary.left}px`;
         }
       } else {
-        if (+state.left.split("px")[0] > 10) {
-          state.left = +state.left.split("px")[0] - 10 + "px";
+        if (+target.style.left.split("px")[0] > 10) {
+          target.style.left = +target.style.left.split("px")[0] - 10 + "px";
           requestAniFrame(() => {
-            goLeft();
+            goLeft(target);
           });
         } else {
-          state.left = "0px";
+          target.style.left = "0px";
         }
       }
     }
-    function goRight(rightLocation) {
-      if (rightLocation - parseInt(state.left.split("px")[0]) > 10) {
-        state.left = parseInt(state.left.split("px")[0]) + 10 + "px";
+    function goRight(target, rightLocation) {
+      if (rightLocation - parseInt(target.style.left.split("px")[0]) > 10) {
+        target.style.left = parseInt(target.style.left.split("px")[0]) + 10 + "px";
         requestAniFrame(() => {
-          goRight(rightLocation);
+          goRight(target, rightLocation);
         });
       } else {
-        state.left = rightLocation + "px";
+        target.style.left = rightLocation + "px";
       }
     }
     function touchMove(e) {
       e.preventDefault();
-      if (e.touches.length === 1) {
-        const touch = e.touches[0];
+      const target = e.currentTarget;
+      if (e.targetTouches.length === 1) {
+        const touch = e.targetTouches[0];
         state.nx = touch.clientX - state.position.x;
         state.ny = touch.clientY - state.position.y;
         state.xPum = state.startLeft + state.nx;
@@ -125,14 +118,15 @@ const _sfc_main = create({
           state.yPum = state.screenHeight - state.elHeight - state.boundary.bottom;
         }
         if (props.direction != "y") {
-          state.left = state.xPum;
+          target.style.left = state.xPum + "px";
         }
         if (props.direction != "x") {
-          state.top = state.yPum;
+          target.style.top = state.yPum + "px";
         }
       }
     }
     function touchEnd(e) {
+      const target = e.currentTarget;
       const touch = e.changedTouches[0];
       let currX = touch.clientX;
       const rightLocation = state.screenWidth - state.elWidth - state.boundary.right;
@@ -146,47 +140,33 @@ const _sfc_main = create({
       if (props.direction != "y" && props.attract) {
         if (currX < state.screenWidth / 2) {
           requestAniFrame(() => {
-            goLeft();
+            goLeft(target);
           });
         } else {
           requestAniFrame(() => {
-            goRight(rightLocation);
+            goRight(target, rightLocation);
           });
         }
       }
-      if (props.direction !== "x") {
-        state.top = state.yPum;
+      if (props.direction != "x") {
+        target.style.top = state.yPum + "px";
       }
     }
     function touchStart(e) {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-      const query = Taro.createSelectorQuery();
-      let id = (_a = e == null ? void 0 : e.mpEvent) == null ? void 0 : _a.currentTarget.id;
-      let offsetTop = (_b = e == null ? void 0 : e.currentTarget) == null ? void 0 : _b.offsetTop;
-      let offsetLeft = (_c = e == null ? void 0 : e.currentTarget) == null ? void 0 : _c.offsetLeft;
+      const target = e.currentTarget;
       const touches = e.touches[0];
-      const mobileTop = (_f = (_e = (_d = e.touches[0]) == null ? void 0 : _d.target) == null ? void 0 : _e.parentNode) == null ? void 0 : _f.style.top;
-      const mobileLeft = (_i = (_h = (_g = e.touches[0]) == null ? void 0 : _g.target) == null ? void 0 : _h.parentNode) == null ? void 0 : _i.style.left;
-      query.selectAll(".myDrag").boundingClientRect((rec) => {
-        rec.forEach((element) => {
-          if (id && id == element.id) {
-            state.startTop = element.top - offsetTop;
-            state.startLeft = element.left - offsetLeft;
-          } else if (mobileTop) {
-            state.startTop = Number(mobileTop.slice(0, -2));
-            state.startLeft = Number(mobileLeft.slice(0, -2));
-          }
-        });
-      }).exec();
+      const touch = e.targetTouches[0];
+      state.startTop = target.offsetTop;
+      state.startLeft = target.offsetLeft;
       state.position.x = touches.clientX;
       state.position.y = touches.clientY;
+      state.nx = touch.clientX - state.position.x;
+      state.ny = touch.clientY - state.position.y;
+      state.xPum = state.startLeft + state.nx;
+      state.yPum = state.startTop + state.ny;
     }
     onMounted(() => {
-      setTimeout(() => {
-        getInfo();
-      }, 200);
-      eventCenter.once(getCurrentInstance().router.onReady, () => {
-      });
+      getInfo();
       state.boundary = props.boundary;
     });
     onActivated(() => {
@@ -205,26 +185,20 @@ const _sfc_main = create({
       myDrag,
       touchStart,
       touchMove,
-      touchEnd,
-      state
+      touchEnd
     };
   }
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
-    class: normalizeClass([_ctx.classes, "myDrag"]),
+    class: normalizeClass(_ctx.classes),
     ref: "myDrag",
     onTouchstart: _cache[0] || (_cache[0] = ($event) => _ctx.touchStart($event)),
-    onTouchmove: _cache[1] || (_cache[1] = withModifiers(($event) => _ctx.touchMove($event), ["prevent"])),
-    catchtouchmove: "true",
-    style: normalizeStyle({
-      transform: ` translate(${_ctx.state.left + "px"}, ${_ctx.state.top + "px"})`,
-      top: _ctx.state.top + "px",
-      left: _ctx.state.left + "px"
-    })
+    onTouchmove: _cache[1] || (_cache[1] = ($event) => _ctx.touchMove($event)),
+    onTouchend: _cache[2] || (_cache[2] = ($event) => _ctx.touchEnd($event))
   }, [
     renderSlot(_ctx.$slots, "default")
-  ], 38);
+  ], 34);
 }
-var index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index_taro as default };
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/Ecard.js

@@ -1,13 +1,13 @@
 /*!
-* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.2 Fri Nov 04 2022 17:24:29 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { ref, watch, resolveComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, createTextVNode, Fragment, renderList, normalizeClass, withDirectives, vModelText, createVNode } from "vue";
+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 "../locale/lang";
-const { componentName, create, translate } = createComponent("ecard");
+const { create, translate } = createComponent("ecard");
 const _sfc_main = create({
   props: {
     chooseText: {
@@ -41,7 +41,7 @@ const _sfc_main = create({
       default: 9999
     },
     modelValue: {
-      type: Number,
+      type: [Number, String],
       default: 0
     },
     placeholder: {
@@ -57,15 +57,15 @@ const _sfc_main = create({
   setup(props, { emit }) {
     const currentIndex = ref(null);
     const currentValue = ref(null);
-    const inputValue = ref();
+    const inputValue = ref("");
     const stepValue = ref(props.cardAmountMin);
     const money = ref(props.modelValue);
-    const handleClick = (item, index) => {
-      currentIndex.value = index;
-      inputValue.value = "";
+    const handleClick = (item, index2) => {
+      currentIndex.value = index2;
       stepValue.value = props.cardAmountMin;
       currentValue.value = item.price;
       emit("change", item);
+      emit("update:modelValue", item.price);
     };
     const change = (event) => {
       let input = event.target;
@@ -81,11 +81,13 @@ const _sfc_main = create({
         currentValue.value = props.cardAmountMin;
       }
       emit("inputChange", Number(inputValue.value));
+      emit("update:modelValue", Number(inputValue.value));
     };
     const inputClick = () => {
       currentIndex.value = "input";
       stepValue.value = props.cardAmountMin;
-      emit("update:modelValue", 0);
+      currentValue.value = inputValue.value;
+      emit("update:modelValue", inputValue.value);
       emit("inputClick");
     };
     const changeStep = (value) => {
@@ -122,24 +124,22 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_inputnumber = resolveComponent("nut-inputnumber");
   return openBlock(), createElementBlock("view", _hoisted_1, [
     createElementVNode("view", _hoisted_2, toDisplayString(_ctx.chooseText || _ctx.translate("chooseText")), 1),
-    createTextVNode(),
     createElementVNode("view", _hoisted_3, [
-      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.dataList, (item, index) => {
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.dataList, (item, index2) => {
         return openBlock(), createElementBlock("view", {
-          key: index,
-          class: normalizeClass(["nut-ecard__list__item", _ctx.currentIndex == index ? "active" : ""]),
-          onClick: ($event) => _ctx.handleClick(item, index)
+          key: index2,
+          class: normalizeClass(["nut-ecard__list__item", _ctx.currentIndex == index2 ? "active" : ""]),
+          onClick: ($event) => _ctx.handleClick(item, index2)
         }, toDisplayString(item.price), 11, _hoisted_4);
       }), 128)),
-      createTextVNode(),
       createElementVNode("view", {
         class: normalizeClass(["nut-ecard__list__input", _ctx.currentIndex == "input" ? "active" : ""]),
         onClick: _cache[2] || (_cache[2] = (...args) => _ctx.inputClick && _ctx.inputClick(...args))
       }, [
         createElementVNode("view", null, toDisplayString(_ctx.otherValueText || _ctx.translate("otherValueText")), 1),
-        createTextVNode(),
         createElementVNode("view", _hoisted_5, [
           withDirectives(createElementVNode("input", {
+            class: "nut-ecard__list__input--input",
             type: "text",
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.inputValue = $event),
             onInput: _cache[1] || (_cache[1] = (...args) => _ctx.change && _ctx.change(...args)),
@@ -150,10 +150,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           createTextVNode(" " + toDisplayString(_ctx.suffix), 1)
         ])
       ], 2),
-      createTextVNode(),
       createElementVNode("view", _hoisted_7, [
         createElementVNode("view", null, toDisplayString(_ctx.suffix) + toDisplayString(_ctx.money), 1),
-        createTextVNode(),
         createVNode(_component_nut_inputnumber, {
           modelValue: _ctx.stepValue,
           "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.stepValue = $event),
@@ -165,5 +163,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index_taro as default };
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/Elevator.js

@@ -1,12 +1,11 @@
 /*!
-* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.2 Fri Nov 04 2022 17:24:29 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { ref, reactive, computed, watch, toRefs, nextTick, resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, normalizeStyle, withCtx, Fragment, renderList, createElementVNode, toDisplayString, createTextVNode, renderSlot, withDirectives, vShow, createCommentVNode, withModifiers } from "vue";
+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 "./index2.js";
-import Taro from "@tarojs/taro";
+import { u as useExpose } from "./index3.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("elevator");
@@ -41,8 +40,7 @@ const _sfc_main = create({
   },
   emits: ["click-item", "click-index"],
   setup(props, context) {
-    const spaceHeight = 23;
-    const listview = ref();
+    const listview = ref(null);
     const state = reactive({
       anchorIndex: 0,
       codeIndex: 0,
@@ -54,8 +52,6 @@ const _sfc_main = create({
       },
       scrollStart: false,
       currentIndex: 0,
-      query: Taro.createSelectorQuery(),
-      scrollTop: 0,
       currentData: {},
       currentKey: "",
       scrollY: 0,
@@ -76,11 +72,9 @@ const _sfc_main = create({
     const clientHeight = computed(() => {
       return listview.value.clientHeight;
     });
-    const getData = (el) => {
-      if (!el.dataset.index) {
-        return "0";
-      }
-      return el.dataset.index;
+    const getData = (el, name) => {
+      const prefix = "data-";
+      return el.getAttribute(prefix + name);
     };
     const setListGroup = (el) => {
       nextTick(() => {
@@ -90,43 +84,40 @@ const _sfc_main = create({
       });
     };
     const calculateHeight = () => {
-      state.listHeight = [];
       let height = 0;
       state.listHeight.push(height);
       for (let i = 0; i < state.listGroup.length; i++) {
-        state.query.selectAll(`.elevator__item__${i}`).boundingClientRect();
-        state.query.exec((res) => {
-          height += res[i][0].height;
-          state.listHeight.push(height);
-        });
+        let item = state.listGroup[i];
+        height += item.clientHeight;
+        state.listHeight.push(height);
       }
     };
-    const scrollTo = (index) => {
-      if (!index && index !== 0) {
+    const scrollTo = (index2) => {
+      if (!index2 && index2 !== 0) {
         return;
       }
-      if (index < 0)
-        index = 0;
-      if (index > state.listHeight.length - 2)
-        index = state.listHeight.length - 2;
-      state.codeIndex = index;
-      state.scrollTop = state.listHeight[index];
+      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]);
     };
     const touchStart = (e) => {
       state.scrollStart = true;
-      let index = getData(e.target);
+      let index2 = getData(e.target, "index");
       let firstTouch = e.touches[0];
       state.touchState.y1 = firstTouch.pageY;
-      state.anchorIndex = +index;
-      state.codeIndex = +index;
-      scrollTo(+index);
+      state.anchorIndex = +index2;
+      state.codeIndex = +index2;
+      scrollTo(+index2);
     };
     const touchMove = (e) => {
       let firstTouch = e.touches[0];
       state.touchState.y2 = firstTouch.pageY;
-      let delta = (state.touchState.y2 - state.touchState.y1) / spaceHeight | 0;
+      let delta = (state.touchState.y2 - state.touchState.y1) / props.spaceHeight | 0;
       state.codeIndex = state.anchorIndex + delta;
-      scrollTo(state.currentIndex);
+      scrollTo(state.codeIndex);
     };
     const touchEnd = () => {
       state.scrollStart = false;
@@ -143,7 +134,7 @@ const _sfc_main = create({
       let target = e.target;
       let scrollTop = target.scrollTop;
       const listHeight = state.listHeight;
-      state.scrollY = Math.floor(scrollTop);
+      state.scrollY = scrollTop;
       for (let i = 0; i < listHeight.length - 1; i++) {
         let height1 = listHeight[i];
         let height2 = listHeight[i + 1];
@@ -155,13 +146,17 @@ const _sfc_main = create({
       }
       state.currentIndex = listHeight.length - 2;
     };
+    onMounted(() => {
+      listview.value.addEventListener("scroll", listViewScroll);
+    });
     useExpose({
       scrollTo
     });
     watch(
       () => state.listGroup.length,
       () => {
-        Taro.nextTick(calculateHeight);
+        state.listHeight = [];
+        nextTick(calculateHeight);
       }
     );
     watch(
@@ -189,8 +184,7 @@ const _sfc_main = create({
       touchMove,
       touchEnd,
       handleClickItem,
-      handleClickIndex,
-      listViewScroll
+      handleClickIndex
     };
   }
 });
@@ -201,76 +195,57 @@ const _hoisted_4 = { class: "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) {
-  const _component_scroll_view = resolveComponent(function() {
-    if (process.env.TARO_ENV === "h5") {
-      return "taro-scroll-view";
-    } else {
-      return "scroll-view";
-    }
-  }());
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
-    createVNode(_component_scroll_view, {
-      class: "nut-elevator__list scrollview",
-      "scroll-top": _ctx.scrollTop,
-      "scroll-y": true,
-      "scroll-with-animation": true,
-      "scroll-anchoring": true,
+    createElementVNode("view", {
+      class: "nut-elevator__list",
       ref: "listview",
-      style: normalizeStyle({ height: isNaN(+_ctx.height) ? _ctx.height : `${_ctx.height}px` }),
-      onScroll: _ctx.listViewScroll
-    }, {
-      default: withCtx(() => [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.indexList, (item, index) => {
-          return openBlock(), createElementBlock("view", {
-            class: normalizeClass(["nut-elevator__list__item", `elevator__item__${index}`]),
-            key: item[_ctx.acceptKey],
-            ref_for: true,
-            ref: _ctx.setListGroup
-          }, [
-            createElementVNode("view", _hoisted_1, toDisplayString(item[_ctx.acceptKey]), 1),
-            createTextVNode(),
-            (openBlock(true), createElementBlock(Fragment, null, renderList(item.list, (subitem) => {
-              return openBlock(), createElementBlock("view", {
-                class: normalizeClass(["nut-elevator__list__item__name", {
-                  "nut-elevator__list__item__name--highcolor": _ctx.currentData.id === subitem.id && _ctx.currentKey === item[_ctx.acceptKey]
-                }]),
-                key: subitem["id"],
-                onClick: ($event) => _ctx.handleClickItem(item[_ctx.acceptKey], subitem)
-              }, [
-                !_ctx.$slots.default ? (openBlock(), createElementBlock("span", {
-                  key: 0,
-                  innerHTML: subitem.name
-                }, null, 8, _hoisted_3)) : renderSlot(_ctx.$slots, "default", {
-                  key: 1,
-                  item: subitem
-                })
-              ], 10, _hoisted_2);
-            }), 128))
-          ], 2);
-        }), 128)),
-        createTextVNode(),
-        _ctx.isSticky ? withDirectives((openBlock(), createElementBlock("view", {
-          key: 0,
-          class: "nut-elevator__list__fixed",
-          style: normalizeStyle(_ctx.fixedStyle)
+      style: normalizeStyle({ height: isNaN(+_ctx.height) ? _ctx.height : `${_ctx.height}px` })
+    }, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.indexList, (item) => {
+        return openBlock(), createElementBlock("view", {
+          class: "nut-elevator__list__item",
+          key: item[_ctx.acceptKey],
+          ref_for: true,
+          ref: _ctx.setListGroup
         }, [
-          createElementVNode("span", _hoisted_4, toDisplayString(_ctx.indexList[_ctx.currentIndex][_ctx.acceptKey]), 1)
-        ], 4)), [
-          [vShow, _ctx.scrollY > 0]
-        ]) : createCommentVNode("", true)
-      ]),
-      _: 3
-    }, 8, ["scroll-top", "style", "onScroll"]),
-    createTextVNode(),
-    _ctx.indexList.length > 0 ? withDirectives((openBlock(), createElementBlock("view", {
+          createElementVNode("view", _hoisted_1, toDisplayString(item[_ctx.acceptKey]), 1),
+          (openBlock(true), createElementBlock(Fragment, null, renderList(item.list, (subitem) => {
+            return openBlock(), createElementBlock("view", {
+              class: normalizeClass(["nut-elevator__list__item__name", {
+                "nut-elevator__list__item__name--highcolor": _ctx.currentData.id === subitem.id && _ctx.currentKey === item[_ctx.acceptKey]
+              }]),
+              key: subitem["id"],
+              onClick: ($event) => _ctx.handleClickItem(item[_ctx.acceptKey], subitem)
+            }, [
+              !_ctx.$slots.default ? (openBlock(), createElementBlock("span", {
+                key: 0,
+                innerHTML: subitem.name
+              }, null, 8, _hoisted_3)) : renderSlot(_ctx.$slots, "default", {
+                key: 1,
+                item: subitem
+              })
+            ], 10, _hoisted_2);
+          }), 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)
+    ], 4),
+    _ctx.indexList.length ? withDirectives((openBlock(), createElementBlock("view", {
       key: 0,
       class: "nut-elevator__code--current"
     }, toDisplayString(_ctx.indexList[_ctx.codeIndex][_ctx.acceptKey]), 513)), [
       [vShow, _ctx.scrollStart]
     ]) : createCommentVNode("", true),
-    createTextVNode(),
     createElementVNode("view", {
       class: "nut-elevator__bars",
       onTouchstart: _cache[0] || (_cache[0] = (...args) => _ctx.touchStart && _ctx.touchStart(...args)),
@@ -278,10 +253,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, index) => {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.indexList, (item, index2) => {
           return openBlock(), createElementBlock("view", {
             class: normalizeClass(["nut-elevator__bars__inner__item", { active: item[_ctx.acceptKey] === _ctx.indexList[_ctx.currentIndex][_ctx.acceptKey] }]),
-            "data-index": index,
+            "data-index": index2,
             key: item[_ctx.acceptKey],
             onClick: ($event) => _ctx.handleClickIndex(item[_ctx.acceptKey])
           }, toDisplayString(item[_ctx.acceptKey]), 11, _hoisted_6);
@@ -290,5 +265,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 32)
   ], 2);
 }
-var index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index_taro as default };
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };