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

package/dist/packages/drag/Drag.js

@@ -1,6 +1,8 @@
-import { ref, reactive, onMounted, onActivated, onDeactivated, openBlock, createElementBlock, renderSlot } from "vue";
+import { ref, reactive, onMounted, onActivated, onDeactivated, openBlock, createElementBlock, normalizeStyle, withModifiers, renderSlot } from "vue";
 import { c as createComponent } from "../component-DQf3CENX.js";
-import { r as requestAniFrame } from "../raf-c01wDYCo.js";
+import { r as requestAniFrame } from "../raf-CzJhCkQo.js";
+import { u as useTaroRect } from "../index-m0Wcof-q.js";
+import Taro, { eventCenter, getCurrentInstance } from "@tarojs/taro";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
 const { create } = createComponent("drag");
 const _sfc_main = create({
@@ -27,6 +29,7 @@ const _sfc_main = create({
   },
   setup(props) {
     const myDrag = ref();
+    const refRandomId = Math.random().toString(36).slice(-8);
     const state = reactive({
       keepAlive: false,
       elWidth: 0,
@@ -35,10 +38,14 @@ const _sfc_main = create({
       screenHeight: 0,
       startTop: 0,
       startLeft: 0,
+      initTop: 0,
+      initLeft: 0,
       nx: 0,
       ny: 0,
       xPum: 0,
       yPum: 0,
+      top: 0,
+      left: 0,
       position: { x: 0, y: 0 },
       boundary: {
         top: 0,
@@ -47,74 +54,80 @@ const _sfc_main = create({
         bottom: 0
       }
     });
+    const domElem = Taro.getSystemInfoSync();
     function getInfo() {
-      const domElem = document.documentElement;
-      state.elWidth = myDrag.value.offsetWidth;
-      state.elHeight = myDrag.value.offsetHeight;
-      state.screenWidth = domElem.clientWidth || 375;
-      state.screenHeight = domElem.clientHeight || 667;
+      useTaroRect(myDrag).then(
+        (rec) => {
+          state.elWidth = rec.width;
+          state.elHeight = rec.height;
+          state.initTop = rec.top;
+          state.initLeft = rec.left;
+          state.screenWidth = domElem.screenWidth;
+          state.screenHeight = domElem.screenHeight;
+        },
+        () => {
+        }
+      );
     }
-    function goLeft(target) {
+    function goLeft() {
       if (state.boundary.left) {
-        if (+target.style.left.split("px")[0] > state.boundary.left) {
-          target.style.left = +target.style.left.split("px")[0] - 10 + "px";
+        if (+state.left.split("px")[0] > state.boundary.left) {
+          state.left = +state.left.split("px")[0] - 10 + "px";
           requestAniFrame(() => {
-            goLeft(target);
+            goLeft();
           });
         } else {
-          target.style.left = `${state.boundary.left}px`;
+          state.left = `${state.boundary.left}px`;
         }
       } else {
-        if (+target.style.left.split("px")[0] > 10) {
-          target.style.left = +target.style.left.split("px")[0] - 10 + "px";
+        if (+state.left.split("px")[0] > 10) {
+          state.left = +state.left.split("px")[0] - 10 + "px";
           requestAniFrame(() => {
-            goLeft(target);
+            goLeft();
           });
         } else {
-          target.style.left = "0px";
+          state.left = "0px";
         }
       }
     }
-    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";
+    function goRight(rightLocation) {
+      if (rightLocation - parseInt(state.left.split("px")[0]) > 10) {
+        state.left = parseInt(state.left.split("px")[0]) + 10 + "px";
         requestAniFrame(() => {
-          goRight(target, rightLocation);
+          goRight(rightLocation);
         });
       } else {
-        target.style.left = rightLocation + "px";
+        state.left = rightLocation + "px";
       }
     }
     function touchMove(e) {
       e.preventDefault();
-      const target = e.currentTarget;
-      if (e.targetTouches.length === 1) {
-        const touch = e.targetTouches[0];
+      if (e.touches.length === 1) {
+        const touch = e.touches[0];
         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;
         const rightLocation = state.screenWidth - state.elWidth - state.boundary.right;
-        if (Math.abs(state.xPum) > rightLocation) {
-          state.xPum = rightLocation;
-        } else if (state.xPum <= state.boundary.left) {
-          state.xPum = state.boundary.left;
+        if (Math.abs(state.xPum + state.initLeft) > rightLocation) {
+          state.xPum = rightLocation - state.initLeft;
+        } else if (state.xPum + state.initLeft <= state.boundary.left) {
+          state.xPum = state.boundary.left - state.initLeft;
         }
-        if (state.yPum < state.boundary.top) {
-          state.yPum = state.boundary.top;
-        } else if (state.yPum > state.screenHeight - state.elHeight - state.boundary.bottom) {
-          state.yPum = state.screenHeight - state.elHeight - state.boundary.bottom;
+        if (state.yPum + state.initTop < state.boundary.top) {
+          state.yPum = state.boundary.top - state.initTop;
+        } else if (state.yPum + state.initTop > state.screenHeight - state.elHeight - state.boundary.bottom) {
+          state.yPum = state.screenHeight - state.elHeight - state.boundary.bottom - state.initTop;
         }
         if (props.direction != "y") {
-          target.style.left = state.xPum + "px";
+          state.left = state.xPum;
         }
         if (props.direction != "x") {
-          target.style.top = state.yPum + "px";
+          state.top = state.yPum;
         }
       }
     }
     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;
@@ -128,33 +141,47 @@ const _sfc_main = create({
       if (props.direction != "y" && props.attract) {
         if (currX < state.screenWidth / 2) {
           requestAniFrame(() => {
-            goLeft(target);
+            goLeft();
           });
         } else {
           requestAniFrame(() => {
-            goRight(target, rightLocation);
+            goRight(rightLocation);
           });
         }
       }
-      if (props.direction != "x") {
-        target.style.top = state.yPum + "px";
+      if (props.direction !== "x") {
+        state.top = state.yPum;
       }
     }
     function touchStart(e) {
-      const target = e.currentTarget;
+      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 touches = e.touches[0];
-      const touch = e.targetTouches[0];
-      state.startTop = target.offsetTop;
-      state.startLeft = target.offsetLeft;
+      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();
       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(() => {
-      getInfo();
+      setTimeout(() => {
+        getInfo();
+      }, 200);
+      eventCenter.once(getCurrentInstance().router.onReady, () => {
+      });
       state.boundary = props.boundary;
     });
     onActivated(() => {
@@ -173,22 +200,31 @@ const _sfc_main = create({
       myDrag,
       touchStart,
       touchMove,
-      touchEnd
+      touchEnd,
+      state,
+      refRandomId
     };
   }
 });
+const _hoisted_1 = ["id"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
+    id: "myDrag" + _ctx.refRandomId,
     ref: "myDrag",
-    class: "nut-drag",
+    class: "nut-taro-drag myDrag",
+    catchtouchmove: "true",
+    style: normalizeStyle({
+      transform: ` translate(${_ctx.state.left + "px"}, ${_ctx.state.top + "px"})`,
+      top: _ctx.state.top + "px",
+      left: _ctx.state.left + "px"
+    }),
     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))
+    onTouchmove: _cache[1] || (_cache[1] = withModifiers(($event) => _ctx.touchMove($event), ["prevent"]))
   }, [
     renderSlot(_ctx.$slots, "default")
-  ], 544);
+  ], 44, _hoisted_1);
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  index as default
+  index_taro as default
 };

package/dist/packages/ecard/Ecard.js

@@ -1,7 +1,7 @@
-import { ref, watch, resolveComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, Fragment, renderList, normalizeClass, withDirectives, vModelText, createTextVNode, createVNode } from "vue";
+import { ref, watch, resolveComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, createTextVNode, Fragment, renderList, normalizeClass, withDirectives, vModelText, createVNode } from "vue";
 import { c as createComponent } from "../component-DQf3CENX.js";
 import { InputNumber as _sfc_main$1 } from "../inputnumber/InputNumber.js";
-import { u as useLocale } from "../index-BOB4ytqZ.js";
+import { u as useLocale } from "../index-IxPZmHlb.js";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
 const { create } = createComponent("ecard");
 const cN = "NutEcard";
@@ -56,15 +56,15 @@ const _sfc_main = create({
     const translate = useLocale(cN);
     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, index2) => {
-      currentIndex.value = index2;
+    const handleClick = (item, index) => {
+      currentIndex.value = index;
+      inputValue.value = "";
       stepValue.value = props.cardAmountMin;
       currentValue.value = item.price;
       emit("change", item);
-      emit("update:modelValue", item.price);
     };
     const change = (event) => {
       let input = event.target;
@@ -80,13 +80,11 @@ 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;
-      currentValue.value = inputValue.value;
-      emit("update:modelValue", inputValue.value);
+      emit("update:modelValue", 0);
       emit("inputClick");
     };
     const changeStep = (value) => {
@@ -123,24 +121,27 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   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),
+    _cache[8] || (_cache[8] = createTextVNode()),
     createElementVNode("view", _hoisted_3, [
-      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.dataList, (item, index2) => {
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.dataList, (item, index) => {
         return openBlock(), createElementBlock("view", {
-          key: index2,
-          class: normalizeClass(["nut-ecard__list__item", _ctx.currentIndex == index2 ? "active" : ""]),
-          onClick: ($event) => _ctx.handleClick(item, index2)
+          key: index,
+          class: normalizeClass(["nut-ecard__list__item", _ctx.currentIndex == index ? "active" : ""]),
+          onClick: ($event) => _ctx.handleClick(item, index)
         }, toDisplayString(item.price), 11, _hoisted_4);
       }), 128)),
+      _cache[6] || (_cache[6] = 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),
+        _cache[4] || (_cache[4] = createTextVNode()),
         createElementVNode("view", _hoisted_5, [
           withDirectives(createElementVNode("input", {
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.inputValue = $event),
-            class: "nut-ecard__list__input--input",
             type: "text",
+            class: "nut-ecard-input",
             placeholder: _ctx.placeholder || _ctx.translate("placeholder"),
             onInput: _cache[1] || (_cache[1] = (...args) => _ctx.change && _ctx.change(...args))
           }, null, 40, _hoisted_6), [
@@ -149,8 +150,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           createTextVNode(" " + toDisplayString(_ctx.suffix), 1)
         ])
       ], 2),
+      _cache[7] || (_cache[7] = createTextVNode()),
       createElementVNode("view", _hoisted_7, [
         createElementVNode("view", null, toDisplayString(_ctx.suffix) + toDisplayString(_ctx.money), 1),
+        _cache[5] || (_cache[5] = createTextVNode()),
         createVNode(_component_nut_input_number, {
           modelValue: _ctx.stepValue,
           "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.stepValue = $event),
@@ -162,7 +165,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  index as default
+  index_taro as default
 };

package/dist/packages/elevator/Elevator.js

@@ -17,11 +17,16 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { ref, reactive, computed, onMounted, watch, nextTick, toRefs, openBlock, createElementBlock, createElementVNode, normalizeStyle, Fragment, renderList, toDisplayString, normalizeClass, renderSlot, withDirectives, vShow, createCommentVNode, withModifiers } from "vue";
+import { ref, reactive, computed, watch, toRefs, nextTick, resolveComponent, openBlock, createElementBlock, createVNode, normalizeStyle, withCtx, Fragment, renderList, normalizeClass, createElementVNode, toDisplayString, createTextVNode, renderSlot, withDirectives, vShow, createCommentVNode, withModifiers } from "vue";
 import { c as createComponent } from "../component-DQf3CENX.js";
+import Taro from "@tarojs/taro";
+import { _ as _sfc_main$1 } from "../index.taro.vue_vue_type_script_setup_true_lang-JJ7hr71Y.js";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
 const { create } = createComponent("elevator");
 const _sfc_main = create({
+  components: {
+    NutScrollView: _sfc_main$1
+  },
   props: {
     height: {
       type: [Number, String],
@@ -33,7 +38,9 @@ const _sfc_main = create({
     },
     indexList: {
       type: Array,
-      default: () => []
+      default: () => {
+        return [];
+      }
     },
     isSticky: {
       type: [Boolean],
@@ -50,7 +57,8 @@ const _sfc_main = create({
   },
   emits: ["clickItem", "clickIndex", "change"],
   setup(props, { emit, expose }) {
-    const listview = ref(null);
+    const spaceHeight = 23;
+    const listview = ref();
     const state = reactive({
       anchorIndex: 0,
       codeIndex: 0,
@@ -62,18 +70,25 @@ const _sfc_main = create({
       },
       scrollStart: false,
       currentIndex: 0,
+      query: Taro.createSelectorQuery(),
+      scrollTop: 0,
       currentData: {},
       currentKey: "",
-      scrollY: 0,
-      diff: -1,
-      fixedTop: 0
+      scrollY: 0
     });
     const clientHeight = computed(() => {
       return listview.value.clientHeight;
     });
-    const getData = (el, name) => {
-      const prefix = "data-";
-      return el.getAttribute(prefix + name);
+    const fixedStyle = computed(() => {
+      return {
+        height: `${state.listHeight[state.listGroup.length - 1]}px`
+      };
+    });
+    const getData = (el) => {
+      if (!el.dataset.index) {
+        return "0";
+      }
+      return el.dataset.index;
     };
     const setListGroup = (el) => {
       nextTick(() => {
@@ -83,12 +98,15 @@ const _sfc_main = create({
       });
     };
     const calculateHeight = () => {
+      state.listHeight = [];
       let height = 0;
       state.listHeight.push(height);
       for (let i = 0; i < state.listGroup.length; i++) {
-        let item = state.listGroup[i];
-        height += Math.floor(item.clientHeight);
-        state.listHeight.push(height);
+        state.query.selectAll(`.elevator__item__${i}`).boundingClientRect();
+        state.query.exec((res) => {
+          height += Math.floor(res[i][0].height);
+          state.listHeight.push(height);
+        });
       }
     };
     const scrollTo = (index) => {
@@ -98,11 +116,11 @@ const _sfc_main = create({
       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]);
+      state.scrollTop = state.listHeight[index];
     };
     const touchStart = (e) => {
       state.scrollStart = true;
-      let index = getData(e.target, "index");
+      let index = getData(e.target);
       let firstTouch = e.touches[0];
       state.touchState.y1 = firstTouch.pageY;
       state.anchorIndex = +index;
@@ -112,9 +130,9 @@ const _sfc_main = create({
     const touchMove = (e) => {
       let firstTouch = e.touches[0];
       state.touchState.y2 = firstTouch.pageY;
-      let delta = (state.touchState.y2 - state.touchState.y1) / props.spaceHeight | 0;
+      let delta = (state.touchState.y2 - state.touchState.y1) / spaceHeight | 0;
       state.codeIndex = state.anchorIndex + delta;
-      scrollTo(state.codeIndex);
+      scrollTo(state.currentIndex);
     };
     const touchEnd = () => {
       state.scrollStart = false;
@@ -131,43 +149,23 @@ const _sfc_main = create({
       let target = e.target;
       let scrollTop = target.scrollTop;
       const listHeight = state.listHeight;
-      state.scrollY = scrollTop;
+      state.scrollY = Math.floor(scrollTop);
       for (let i = 0; i < listHeight.length - 1; i++) {
         let height1 = listHeight[i];
         let height2 = listHeight[i + 1];
         if (state.scrollY >= height1 && state.scrollY < height2) {
           state.currentIndex = i;
-          state.diff = height2 - state.scrollY;
           return;
         }
       }
-      state.currentIndex = listHeight.length - 2;
     };
-    onMounted(() => {
-      if (listview.value) {
-        listview.value.addEventListener("scroll", listViewScroll);
-      }
-    });
     expose({
       scrollTo
     });
     watch(
       () => state.listGroup.length,
       () => {
-        state.listHeight = [];
-        nextTick(calculateHeight);
-      }
-    );
-    watch(
-      () => state.diff,
-      (newVal) => {
-        const listHeight = state.listHeight;
-        let fixedTop = newVal > 0 && newVal < props.titleHeight ? newVal - props.titleHeight : 0;
-        if (state.scrollY + clientHeight.value === listHeight[listHeight.length - 1]) {
-          if (fixedTop !== 0) fixedTop = 0;
-        }
-        if (state.fixedTop === fixedTop) return;
-        state.fixedTop = fixedTop;
+        Taro.nextTick(calculateHeight);
       }
     );
     watch(
@@ -178,13 +176,15 @@ const _sfc_main = create({
     );
     return __spreadProps(__spreadValues({}, toRefs(state)), {
       clientHeight,
+      fixedStyle,
       setListGroup,
       listview,
       touchStart,
       touchMove,
       touchEnd,
       handleClickItem,
-      handleClickIndex
+      handleClickIndex,
+      listViewScroll
     });
   }
 });
@@ -198,51 +198,64 @@ const _hoisted_7 = { class: "nut-elevator__bars__inner" };
 const _hoisted_8 = ["data-index", "onClick"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   var _a, _b, _c, _d;
+  const _component_nut_scroll_view = resolveComponent("nut-scroll-view");
   return openBlock(), createElementBlock("view", _hoisted_1, [
-    createElementVNode("view", {
+    createVNode(_component_nut_scroll_view, {
       ref: "listview",
-      class: "nut-elevator__list",
-      style: normalizeStyle({ height: isNaN(+_ctx.height) ? _ctx.height : `${_ctx.height}px` })
-    }, [
-      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.indexList, (item) => {
-        return openBlock(), createElementBlock("view", {
-          key: item[_ctx.acceptKey],
-          ref_for: true,
-          ref: _ctx.setListGroup,
-          class: "nut-elevator__list__item"
-        }, [
-          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"],
-              class: normalizeClass(["nut-elevator__list__item__name", {
-                "nut-elevator__list__item__name--highcolor": _ctx.currentData.id === subitem.id && _ctx.currentKey === item[_ctx.acceptKey]
-              }]),
-              onClick: ($event) => _ctx.handleClickItem(item[_ctx.acceptKey], subitem)
-            }, [
-              !_ctx.$slots.default ? (openBlock(), createElementBlock("span", {
-                key: 0,
-                innerHTML: subitem.name
-              }, null, 8, _hoisted_4)) : renderSlot(_ctx.$slots, "default", {
-                key: 1,
-                item: subitem
-              })
-            ], 10, _hoisted_3);
-          }), 128))
-        ]);
-      }), 128))
-    ], 4),
+      class: "nut-elevator__list nut-elevator__list--mini",
+      "scroll-top": _ctx.scrollTop,
+      "scroll-y": true,
+      "scroll-with-animation": true,
+      "scroll-anchoring": true,
+      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", {
+            key: item[_ctx.acceptKey],
+            ref_for: true,
+            ref: _ctx.setListGroup,
+            class: normalizeClass(["nut-elevator__list__item", `elevator__item__${index}`])
+          }, [
+            createElementVNode("view", _hoisted_2, toDisplayString(item[_ctx.acceptKey]), 1),
+            _cache[3] || (_cache[3] = createTextVNode()),
+            (openBlock(true), createElementBlock(Fragment, null, renderList(item.list, (subitem) => {
+              return openBlock(), createElementBlock("view", {
+                key: subitem["id"],
+                class: normalizeClass(["nut-elevator__list__item__name", {
+                  "nut-elevator__list__item__name--highcolor": _ctx.currentData.id === subitem.id && _ctx.currentKey === item[_ctx.acceptKey]
+                }]),
+                onClick: ($event) => _ctx.handleClickItem(item[_ctx.acceptKey], subitem)
+              }, [
+                !_ctx.$slots.default ? (openBlock(), createElementBlock("span", {
+                  key: 0,
+                  innerHTML: subitem.name
+                }, null, 8, _hoisted_4)) : renderSlot(_ctx.$slots, "default", {
+                  key: 1,
+                  item: subitem
+                })
+              ], 10, _hoisted_3);
+            }), 128))
+          ], 2);
+        }), 128))
+      ]),
+      _: 3
+    }, 8, ["scroll-top", "style", "onScroll"]),
+    _cache[4] || (_cache[4] = createTextVNode()),
     withDirectives(createElementVNode("view", _hoisted_5, [
       createElementVNode("view", _hoisted_6, toDisplayString((_b = (_a = _ctx.indexList) == null ? void 0 : _a[_ctx.currentIndex]) == null ? void 0 : _b[_ctx.acceptKey]), 1)
     ], 512), [
-      [vShow, _ctx.scrollY > 0 && _ctx.isSticky]
+      [vShow, _ctx.scrollY > 2 && _ctx.isSticky]
     ]),
-    _ctx.indexList.length ? withDirectives((openBlock(), createElementBlock("view", {
+    _cache[5] || (_cache[5] = createTextVNode()),
+    _ctx.indexList.length > 0 ? withDirectives((openBlock(), createElementBlock("view", {
       key: 0,
       class: "nut-elevator__code--current"
     }, toDisplayString((_d = (_c = _ctx.indexList) == null ? void 0 : _c[_ctx.codeIndex]) == null ? void 0 : _d[_ctx.acceptKey]), 513)), [
       [vShow, _ctx.scrollStart]
     ]) : createCommentVNode("", true),
+    _cache[6] || (_cache[6] = createTextVNode()),
     createElementVNode("view", {
       class: "nut-elevator__bars",
       onTouchstart: _cache[0] || (_cache[0] = (...args) => _ctx.touchStart && _ctx.touchStart(...args)),