@nutui/nutui 3.1.6 → 3.1.7

package/dist/packages/_es/Drag.js

@@ -0,0 +1,198 @@
+/*!
+* @nutui/nutui v3.1.7 Thu Sep 30 2021 20:17:02 GMT+0800 (中国标准时间)
+* (c) 2021 @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";
+const { componentName, create } = createComponent("drag");
+const _sfc_main = create({
+  props: {
+    attract: {
+      type: Boolean,
+      default: false
+    },
+    direction: {
+      type: String,
+      default: "all"
+    },
+    boundary: {
+      type: Object,
+      default: () => {
+        return {
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0
+        };
+      }
+    }
+  },
+  setup(props, { emit }) {
+    const myDrag = ref();
+    const state = reactive({
+      keepAlive: false,
+      elWidth: 0,
+      elHeight: 0,
+      screenWidth: 0,
+      screenHeight: 0,
+      startTop: 0,
+      startLeft: 0,
+      nx: 0,
+      ny: 0,
+      xPum: 0,
+      yPum: 0,
+      position: { x: 0, y: 0 },
+      boundary: {
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0
+      }
+    });
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true
+      };
+    });
+    function getInfo() {
+      const domElem = document.documentElement;
+      state.elWidth = myDrag.value.offsetWidth;
+      state.elHeight = myDrag.value.offsetHeight;
+      state.screenWidth = domElem.clientWidth;
+      state.screenHeight = domElem.clientHeight;
+    }
+    function goLeft(target) {
+      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";
+          requestAniFrame(() => {
+            goLeft(target);
+          });
+        } else {
+          target.style.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";
+          requestAniFrame(() => {
+            goLeft(target);
+          });
+        } else {
+          target.style.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";
+        requestAniFrame(() => {
+          goRight(target, rightLocation);
+        });
+      } else {
+        target.style.left = rightLocation + "px";
+      }
+    }
+    function touchMove(e) {
+      e.preventDefault();
+      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;
+        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 (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 (props.direction != "y") {
+          target.style.left = state.xPum + "px";
+        }
+        if (props.direction != "x") {
+          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;
+      if (currX > rightLocation) {
+        currX = rightLocation;
+      } else if (currX < state.boundary.left) {
+        currX = state.boundary.left;
+      } else {
+        currX = currX < state.screenWidth / 2 ? state.boundary.left : rightLocation;
+      }
+      if (props.direction != "y" && props.attract) {
+        if (currX < state.screenWidth / 2) {
+          requestAniFrame(() => {
+            goLeft(target);
+          });
+        } else {
+          requestAniFrame(() => {
+            goRight(target, rightLocation);
+          });
+        }
+      }
+      if (props.direction !== "x") {
+        target.style.top = state.yPum + "px";
+      }
+    }
+    function touchStart(e) {
+      const target = e.currentTarget;
+      const touches = e.touches[0];
+      state.startTop = target.offsetTop;
+      state.startLeft = target.offsetLeft;
+      state.position.x = touches.clientX;
+      state.position.y = touches.clientY;
+    }
+    onMounted(() => {
+      getInfo();
+      state.boundary = props.boundary;
+    });
+    onActivated(() => {
+      if (state.keepAlive) {
+        state.keepAlive = false;
+      }
+    });
+    onDeactivated(() => {
+      state.keepAlive = true;
+      myDrag.removeEventListener("touchstart", touchStart);
+      myDrag.removeEventListener("touchmove", touchMove);
+      myDrag.removeEventListener("touchend", touchEnd);
+    });
+    return {
+      classes,
+      myDrag,
+      touchStart,
+      touchMove,
+      touchEnd
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes),
+    ref: "myDrag",
+    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);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/Elevator.js

@@ -0,0 +1,207 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+/*!
+* @nutui/nutui v3.1.7 Thu Sep 30 2021 20:17:02 GMT+0800 (中国标准时间)
+* (c) 2021 @jdf2e.
+* Released under the MIT License.
+*/
+import { ref, reactive, computed, toRefs, nextTick, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, Fragment, renderList, toDisplayString, withDirectives, vShow, createCommentVNode, withModifiers } from "vue";
+import { c as createComponent } from "./component.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+const { componentName, create } = createComponent("elevator");
+const _sfc_main = create({
+  props: {
+    height: {
+      type: [Number, String],
+      default: "200px"
+    },
+    acceptKey: {
+      type: [String],
+      default: "title"
+    },
+    indexList: {
+      type: Array,
+      default: () => {
+        return [];
+      }
+    }
+  },
+  emits: ["click-item", "click-index"],
+  setup(props, context) {
+    const spaceHeight = 23;
+    const listview = ref(null);
+    const state = reactive({
+      anchorIndex: 0,
+      listHeight: [],
+      listGroup: [],
+      touchState: {
+        y1: 0,
+        y2: 0
+      },
+      scrollStart: false,
+      currentIndex: 0
+    });
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true
+      };
+    });
+    const resetScrollState = () => {
+      state.anchorIndex = 0;
+      state.listHeight = [];
+      state.listGroup = [];
+      state.currentIndex = 0;
+      state.scrollStart = false;
+      state.touchState = {
+        y1: 0,
+        y2: 0
+      };
+    };
+    const getData = (el, name) => {
+      const prefix = "data-";
+      return el.getAttribute(prefix + name);
+    };
+    const setListGroup = (el) => {
+      nextTick(() => {
+        if (!state.listGroup.includes(el) && el != null) {
+          state.listGroup.push(el);
+        }
+      });
+    };
+    const calculateHeight = () => {
+      let height = 0;
+      state.listHeight.push(height);
+      for (let i = 0; i < state.listGroup.length; i++) {
+        let item = state.listGroup[i];
+        height += item.clientHeight;
+        state.listHeight.push(height);
+      }
+    };
+    const scrollTo = (index2) => {
+      if (!index2 && index2 !== 0) {
+        return;
+      }
+      if (!state.listHeight.length) {
+        calculateHeight();
+      }
+      if (index2 < 0)
+        index2 = 0;
+      if (index2 > state.listHeight.length - 2)
+        index2 = state.listHeight.length - 2;
+      state.currentIndex = index2;
+      listview.value.scrollTo(0, state.listHeight[index2]);
+    };
+    const touchStart = (e) => {
+      state.scrollStart = true;
+      let index2 = getData(e.target, "index");
+      let firstTouch = e.touches[0];
+      state.touchState.y1 = firstTouch.pageY;
+      state.anchorIndex = +index2;
+      state.currentIndex = +index2;
+      console.log(state.currentIndex);
+      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;
+      state.currentIndex = state.anchorIndex + delta;
+      scrollTo(state.currentIndex);
+    };
+    const touchEnd = () => {
+      resetScrollState();
+    };
+    const handleClickItem = (key, item) => {
+      context.emit("click-item", key, item);
+    };
+    const handleClickIndex = (key) => {
+      context.emit("click-index", key);
+    };
+    return __spreadProps(__spreadValues({
+      classes
+    }, toRefs(state)), {
+      setListGroup,
+      listview,
+      touchStart,
+      touchMove,
+      touchEnd,
+      handleClickItem,
+      handleClickIndex
+    });
+  }
+});
+const _hoisted_1 = { class: "nut-elevator__list__item__code" };
+const _hoisted_2 = ["onClick"];
+const _hoisted_3 = { class: "nut-elevator__bars__inner" };
+const _hoisted_4 = ["data-index", "onClick"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes)
+  }, [
+    createElementVNode("view", {
+      class: "nut-elevator__list",
+      ref: "listview",
+      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: _ctx.setListGroup
+        }, [
+          createElementVNode("view", _hoisted_1, toDisplayString(item[_ctx.acceptKey]), 1),
+          (openBlock(true), createElementBlock(Fragment, null, renderList(item.list, (subitem) => {
+            return openBlock(), createElementBlock("view", {
+              class: "nut-elevator__list__item__name",
+              key: subitem["id"],
+              onClick: ($event) => _ctx.handleClickItem(item[_ctx.acceptKey], subitem)
+            }, toDisplayString(subitem.name), 9, _hoisted_2);
+          }), 128))
+        ], 512);
+      }), 128))
+    ], 4),
+    _ctx.indexList.length ? withDirectives((openBlock(), createElementBlock("view", {
+      key: 0,
+      class: "nut-elevator__code--current"
+    }, toDisplayString(_ctx.indexList[_ctx.currentIndex][_ctx.acceptKey]), 513)), [
+      [vShow, _ctx.scrollStart]
+    ]) : createCommentVNode("", true),
+    createElementVNode("view", {
+      class: "nut-elevator__bars",
+      onTouchstart: _cache[0] || (_cache[0] = (...args) => _ctx.touchStart && _ctx.touchStart(...args)),
+      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_3, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.indexList, (item, index2) => {
+          return openBlock(), createElementBlock("view", {
+            class: "nut-elevator__bars__inner__item",
+            "data-index": index2,
+            key: item[_ctx.acceptKey],
+            onClick: ($event) => _ctx.handleClickIndex(item[_ctx.acceptKey])
+          }, toDisplayString(item[_ctx.acceptKey]), 9, _hoisted_4);
+        }), 128))
+      ])
+    ], 32)
+  ], 2);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/FixedNav.js

@@ -0,0 +1,127 @@
+/*!
+* @nutui/nutui v3.1.7 Thu Sep 30 2021 20:17:02 GMT+0800 (中国标准时间)
+* (c) 2021 @jdf2e.
+* Released under the MIT License.
+*/
+import { computed, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createBlock, createCommentVNode, renderSlot, createElementVNode, Fragment, renderList, toDisplayString, createVNode } from "vue";
+import { c as createComponent } from "./component.js";
+import overlay from "./OverLay.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+const { componentName, create } = createComponent("fixednav");
+const _sfc_main = create({
+  components: {
+    [overlay.name]: overlay
+  },
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    overlay: {
+      type: Boolean,
+      default: true
+    },
+    navList: {
+      default: () => [],
+      type: Array
+    },
+    activeText: {
+      default: "\u6536\u8D77\u5BFC\u822A",
+      type: String
+    },
+    unActiveText: {
+      default: "\u5FEB\u901F\u5BFC\u822A",
+      type: String
+    },
+    position: {
+      default: () => {
+        return {
+          top: "auto",
+          bottom: "auto"
+        };
+      },
+      type: Object
+    },
+    type: {
+      default: "right",
+      type: String
+    }
+  },
+  components: {},
+  emits: ["update:visible", "selected"],
+  setup(props, { emit }) {
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true,
+        active: props.visible,
+        [props.type]: true
+      };
+    });
+    const updateValue = (value = !props.visible) => {
+      emit("update:visible", value);
+    };
+    const selected = (item, event) => {
+      emit("selected", {
+        item,
+        event
+      });
+    };
+    return { classes, updateValue, selected };
+  }
+});
+const _hoisted_1 = { class: "nut-fixednav__list" };
+const _hoisted_2 = ["onClick"];
+const _hoisted_3 = ["src"];
+const _hoisted_4 = { class: "span" };
+const _hoisted_5 = {
+  key: 0,
+  class: "b"
+};
+const _hoisted_6 = { class: "text" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_overlay = resolveComponent("nut-overlay");
+  const _component_nut_icon = resolveComponent("nut-icon");
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes),
+    style: normalizeStyle(_ctx.position)
+  }, [
+    _ctx.overlay ? (openBlock(), createBlock(_component_nut_overlay, {
+      key: 0,
+      visible: _ctx.visible,
+      "z-index": 200,
+      onClick: _cache[0] || (_cache[0] = ($event) => _ctx.updateValue(false))
+    }, null, 8, ["visible"])) : createCommentVNode("", true),
+    renderSlot(_ctx.$slots, "list", {}, () => [
+      createElementVNode("view", _hoisted_1, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.navList, (item, index2) => {
+          return openBlock(), createElementBlock("view", {
+            class: "nut-fixednav__list-item",
+            onClick: ($event) => _ctx.selected(item, $event),
+            key: item.id || index2
+          }, [
+            createElementVNode("img", {
+              src: item.icon
+            }, null, 8, _hoisted_3),
+            createElementVNode("view", _hoisted_4, toDisplayString(item.text), 1),
+            item.num ? (openBlock(), createElementBlock("view", _hoisted_5, toDisplayString(item.num), 1)) : createCommentVNode("", true)
+          ], 8, _hoisted_2);
+        }), 128))
+      ])
+    ]),
+    createElementVNode("div", {
+      class: "nut-fixednav__btn",
+      onClick: _cache[1] || (_cache[1] = ($event) => _ctx.updateValue())
+    }, [
+      renderSlot(_ctx.$slots, "btn", {}, () => [
+        createVNode(_component_nut_icon, {
+          name: "left",
+          color: "#fff"
+        }),
+        createElementVNode("view", _hoisted_6, toDisplayString(_ctx.visible ? _ctx.activeText : _ctx.unActiveText), 1)
+      ])
+    ])
+  ], 6);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/Icon.js

@@ -0,0 +1,44 @@
+/*!
+* @nutui/nutui v3.1.7 Thu Sep 30 2021 20:17:02 GMT+0800 (中国标准时间)
+* (c) 2021 @jdf2e.
+* Released under the MIT License.
+*/
+import { h } from "vue";
+import { c as createComponent } from "./component.js";
+import { p as pxCheck } from "./pxCheck.js";
+const { componentName, create } = createComponent("icon");
+const _sfc_main = create({
+  props: {
+    name: { type: String, default: "" },
+    size: { type: [String, Number], default: "" },
+    classPrefix: { type: String, default: "nut-icon" },
+    fontClassName: { type: String, default: "nutui-iconfont" },
+    color: { type: String, default: "" },
+    tag: { type: String, default: "i" }
+  },
+  emits: ["click"],
+  setup(props, { emit, slots }) {
+    const handleClick = (event) => {
+      emit("click", event);
+    };
+    const isImage = () => {
+      return props.name ? props.name.indexOf("/") !== -1 : false;
+    };
+    return () => {
+      var _a;
+      const _isImage = isImage();
+      return h(_isImage ? "img" : props.tag, {
+        class: _isImage ? `${componentName}__img` : `${props.fontClassName} ${componentName} ${props.classPrefix}-${props.name}`,
+        style: {
+          color: props.color,
+          fontSize: pxCheck(props.size),
+          width: pxCheck(props.size),
+          height: pxCheck(props.size)
+        },
+        onClick: handleClick,
+        src: _isImage ? props.name : ""
+      }, (_a = slots.default) == null ? void 0 : _a.call(slots));
+    };
+  }
+});
+export { _sfc_main as default };

package/dist/packages/_es/ImagePreview.js

@@ -0,0 +1,109 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+/*!
+* @nutui/nutui v3.1.7 Thu Sep 30 2021 20:17:02 GMT+0800 (中国标准时间)
+* (c) 2021 @jdf2e.
+* Released under the MIT License.
+*/
+import { toRefs, reactive, watch, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createBlock, Fragment, renderList, createElementVNode, createCommentVNode, toDisplayString } from "vue";
+import { c as createComponent } from "./component.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+const { componentName, create } = createComponent("imagepreview");
+const _sfc_main = create({
+  props: {
+    show: {
+      type: Boolean,
+      default: false
+    },
+    images: {
+      type: Array,
+      default: () => []
+    }
+  },
+  components: {},
+  setup(props, { emit }) {
+    const { value, images } = toRefs(props);
+    const state = reactive({
+      showPop: value,
+      active: 1
+    });
+    const slideChangeEnd = function(page) {
+      state.active = page + 1;
+    };
+    const closePop = function() {
+      state.showPop = false;
+      state.active = 1;
+      emit("close");
+    };
+    watch(() => props.show, (val) => {
+      state.showPop = val;
+    });
+    return __spreadProps(__spreadValues({}, toRefs(state)), {
+      slideChangeEnd,
+      closePop
+    });
+  }
+});
+const _hoisted_1 = { class: "nut-imagepreview" };
+const _hoisted_2 = ["src"];
+const _hoisted_3 = { class: "nut-imagepreview-index" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_swiper_item = resolveComponent("nut-swiper-item");
+  const _component_nut_swiper = resolveComponent("nut-swiper");
+  const _component_nut_popup = resolveComponent("nut-popup");
+  return openBlock(), createElementBlock("view", _hoisted_1, [
+    createVNode(_component_nut_popup, {
+      "pop-class": "custom-pop",
+      visible: _ctx.showPop,
+      "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => _ctx.showPop = $event),
+      onClick: _ctx.closePop
+    }, {
+      default: withCtx(() => [
+        _ctx.showPop ? (openBlock(), createBlock(_component_nut_swiper, {
+          key: 0,
+          "auto-play": 3e3,
+          class: "nut-imagepreview-swiper",
+          loop: true,
+          direction: "horizontal",
+          onChange: _ctx.slideChangeEnd
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.images, (item, index2) => {
+              return openBlock(), createBlock(_component_nut_swiper_item, { key: index2 }, {
+                default: withCtx(() => [
+                  createElementVNode("img", {
+                    src: item.imgSrc,
+                    class: "nut-imagepreview-img"
+                  }, null, 8, _hoisted_2)
+                ]),
+                _: 2
+              }, 1024);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["onChange"])) : createCommentVNode("", true),
+        createElementVNode("view", _hoisted_3, toDisplayString(_ctx.active) + " / " + toDisplayString(_ctx.images.length), 1)
+      ]),
+      _: 1
+    }, 8, ["visible", "onClick"])
+  ]);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };