@nutui/nutui 4.0.9 → 4.0.10

package/dist/packages/_es/Ellipsis.js

@@ -1,28 +1,20 @@
-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));
-import { ref, reactive, computed, watch, onMounted, toRefs, openBlock, createElementBlock, normalizeClass, toDisplayString, createCommentVNode, createTextVNode, withModifiers } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
+var V = Object.defineProperty, z = Object.defineProperties;
+var A = Object.getOwnPropertyDescriptors;
+var C = Object.getOwnPropertySymbols;
+var D = Object.prototype.hasOwnProperty, I = Object.prototype.propertyIsEnumerable;
+var H = (e, l, o) => l in e ? V(e, l, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[l] = o, v = (e, l) => {
+  for (var o in l || (l = {}))
+    D.call(l, o) && H(e, o, l[o]);
+  if (C)
+    for (var o of C(l))
+      I.call(l, o) && H(e, o, l[o]);
+  return e;
+}, w = (e, l) => z(e, A(l));
+import { ref as S, reactive as L, computed as O, watch as R, onMounted as j, toRefs as q, openBlock as r, createElementBlock as u, normalizeClass as F, toDisplayString as m, createCommentVNode as x, createTextVNode as p, withModifiers as M } from "vue";
+import { c as G } from "./component-234624bc.js";
+import { _ as J } from "./_plugin-vue_export-helper-dad06003.js";
 import "../locale/lang";
-const { componentName, create } = createComponent("ellipsis");
-const _sfc_main = create({
+const { componentName: K, create: Q } = G("ellipsis"), U = Q({
   props: {
     content: {
       type: String,
@@ -54,178 +46,103 @@ const _sfc_main = create({
     }
   },
   emits: ["click", "change"],
-  setup(props, { emit }) {
-    const root = ref(null);
-    let container = null;
-    let maxHeight = 0;
-    const ellipsis = ref();
-    const state = reactive({
-      exceeded: false,
+  setup(e, { emit: l }) {
+    const o = S(null);
+    let n = null, y = 0;
+    const g = S(), s = L({
+      exceeded: !1,
       //是否超出
-      expanded: false
+      expanded: !1
       //是否折叠
-    });
-    const classes = computed(() => {
-      const prefixCls = componentName;
-      return {
-        [prefixCls]: true
-      };
-    });
-    watch(
-      () => props.content,
-      (newV, oldVal) => {
-        if (newV != oldVal) {
-          createContainer();
-        }
+    }), N = O(() => ({
+      [K]: !0
+    }));
+    R(
+      () => e.content,
+      (t, i) => {
+        t != i && T();
       }
-    );
-    onMounted(() => {
-      createContainer();
+    ), j(() => {
+      T();
     });
-    const createContainer = () => {
-      if (!root.value)
+    const T = () => {
+      if (!o.value)
         return;
-      const originStyle = window.getComputedStyle(root.value);
-      container = document.createElement("div");
-      const styleNames = Array.prototype.slice.apply(originStyle);
-      styleNames.forEach((name) => {
-        container.style.setProperty(name, originStyle.getPropertyValue(name));
-      });
-      container.style.position = "fixed";
-      container.style.left = "999999px";
-      container.style.top = "999999px";
-      container.style.zIndex = "-1000";
-      container.style.height = "auto";
-      container.style.minHeight = "auto";
-      container.style.maxHeight = "auto";
-      container.style.textOverflow = "clip";
-      container.style.whiteSpace = "normal";
-      container.style.webkitLineClamp = "unset";
-      container.style.display = "block";
-      const lineHeight = pxToNumber(originStyle.lineHeight === "normal" ? props.lineHeight : originStyle.lineHeight);
-      maxHeight = Math.floor(
-        lineHeight * (Number(props.rows) + 0.5) + pxToNumber(originStyle.paddingTop) + pxToNumber(originStyle.paddingBottom)
-      );
-      container.innerText = props.content;
-      document.body.appendChild(container);
-      calcEllipse();
-    };
-    const calcEllipse = () => {
-      if (container.offsetHeight <= maxHeight) {
-        state.exceeded = false;
-        document.body.removeChild(container);
-      } else {
-        state.exceeded = true;
-        const end = props.content.length;
-        const middle = Math.floor((0 + end) / 2);
-        const ellipsised = props.direction === "middle" ? tailorMiddle([0, middle], [middle, end]) : tailor(0, end);
-        ellipsis.value = ellipsised;
-        document.body.removeChild(container);
-      }
-    };
-    const tailor = (left, right) => {
-      const actionText = state.expanded ? props.collapseText : props.expandText;
-      const end = props.content.length;
-      if (right - left <= 1) {
-        if (props.direction === "end") {
-          return {
-            leading: props.content.slice(0, left) + props.symbol
-          };
-        } else {
-          return {
-            tailing: props.symbol + props.content.slice(right, end)
-          };
-        }
-      }
-      const middle = Math.round((left + right) / 2);
-      if (props.direction === "end") {
-        container.innerText = props.content.slice(0, middle) + props.symbol + actionText;
-      } else {
-        container.innerText = actionText + props.symbol + props.content.slice(middle, end);
-      }
-      if (container.offsetHeight <= maxHeight) {
-        if (props.direction === "end") {
-          return tailor(middle, right);
-        } else {
-          return tailor(left, middle);
-        }
-      } else {
-        if (props.direction === "end") {
-          return tailor(left, middle);
-        } else {
-          return tailor(middle, right);
-        }
+      const t = window.getComputedStyle(o.value);
+      n = document.createElement("div"), Array.prototype.slice.apply(t).forEach((a) => {
+        n.style.setProperty(a, t.getPropertyValue(a));
+      }), n.style.position = "fixed", n.style.left = "999999px", n.style.top = "999999px", n.style.zIndex = "-1000", n.style.height = "auto", n.style.minHeight = "auto", n.style.maxHeight = "auto", n.style.textOverflow = "clip", n.style.whiteSpace = "normal", n.style.webkitLineClamp = "unset", n.style.display = "block";
+      const c = k(t.lineHeight === "normal" ? e.lineHeight : t.lineHeight);
+      y = Math.floor(
+        c * (Number(e.rows) + 0.5) + k(t.paddingTop) + k(t.paddingBottom)
+      ), n.innerText = e.content, document.body.appendChild(n), $();
+    }, $ = () => {
+      if (n.offsetHeight <= y)
+        s.exceeded = !1, document.body.removeChild(n);
+      else {
+        s.exceeded = !0;
+        const t = e.content.length, i = Math.floor((0 + t) / 2), c = e.direction === "middle" ? h([0, i], [i, t]) : f(0, t);
+        g.value = c, document.body.removeChild(n);
       }
-    };
-    const tailorMiddle = (leftPart, rightPart) => {
-      const actionText = state.expanded ? props.collapseText : props.expandText;
-      const end = props.content.length;
-      if (leftPart[1] - leftPart[0] <= 1 && rightPart[1] - rightPart[0] <= 1) {
+    }, f = (t, i) => {
+      const c = s.expanded ? e.collapseText : e.expandText, a = e.content.length;
+      if (i - t <= 1)
+        return e.direction === "end" ? {
+          leading: e.content.slice(0, t) + e.symbol
+        } : {
+          tailing: e.symbol + e.content.slice(i, a)
+        };
+      const d = Math.round((t + i) / 2);
+      return e.direction === "end" ? n.innerText = e.content.slice(0, d) + e.symbol + c : n.innerText = c + e.symbol + e.content.slice(d, a), n.offsetHeight <= y ? e.direction === "end" ? f(d, i) : f(t, d) : e.direction === "end" ? f(t, d) : f(d, i);
+    }, h = (t, i) => {
+      const c = s.expanded ? e.collapseText : e.expandText, a = e.content.length;
+      if (t[1] - t[0] <= 1 && i[1] - i[0] <= 1)
         return {
-          leading: props.content.slice(0, leftPart[0]) + props.symbol,
-          tailing: props.symbol + props.content.slice(rightPart[1], end)
+          leading: e.content.slice(0, t[0]) + e.symbol,
+          tailing: e.symbol + e.content.slice(i[1], a)
         };
-      }
-      const leftPartMiddle = Math.floor((leftPart[0] + leftPart[1]) / 2);
-      const rightPartMiddle = Math.ceil((rightPart[0] + rightPart[1]) / 2);
-      container.innerText = props.content.slice(0, leftPartMiddle) + props.symbol + actionText + props.symbol + props.content.slice(rightPartMiddle, end);
-      if (container.offsetHeight <= maxHeight) {
-        return tailorMiddle([leftPartMiddle, leftPart[1]], [rightPart[0], rightPartMiddle]);
-      } else {
-        return tailorMiddle([leftPart[0], leftPartMiddle], [rightPartMiddle, rightPart[1]]);
-      }
-    };
-    const pxToNumber = (value) => {
-      if (!value)
+      const d = Math.floor((t[0] + t[1]) / 2), b = Math.ceil((i[0] + i[1]) / 2);
+      return n.innerText = e.content.slice(0, d) + e.symbol + c + e.symbol + e.content.slice(b, a), n.offsetHeight <= y ? h([d, t[1]], [i[0], b]) : h([t[0], d], [b, i[1]]);
+    }, k = (t) => {
+      if (!t)
         return 0;
-      const match = value.match(/^\d*(\.\d*)?/);
-      return match ? Number(match[0]) : 0;
-    };
-    const clickHandle = (type) => {
-      if (type == 1) {
-        state.expanded = true;
-        emit("change", "expand");
-      } else {
-        state.expanded = false;
-        emit("change", "collapse");
-      }
-    };
-    const handleClick = () => {
-      emit("click");
+      const i = t.match(/^\d*(\.\d*)?/);
+      return i ? Number(i[0]) : 0;
+    }, E = (t) => {
+      t == 1 ? (s.expanded = !0, l("change", "expand")) : (s.expanded = !1, l("change", "collapse"));
+    }, B = () => {
+      l("click");
     };
-    return __spreadProps(__spreadValues({}, toRefs(state)), { root, ellipsis, classes, clickHandle, handleClick });
+    return w(v({}, q(s)), { root: o, ellipsis: g, classes: N, clickHandle: E, handleClick: B });
   }
-});
-const _hoisted_1 = { key: 0 };
-const _hoisted_2 = { key: 1 };
-const _hoisted_3 = { key: 2 };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("view", {
-    class: normalizeClass(_ctx.classes),
-    onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleClick && _ctx.handleClick(...args)),
+}), W = { key: 0 }, X = { key: 1 }, Y = { key: 2 };
+function Z(e, l, o, n, y, g) {
+  return r(), u("view", {
+    class: F(e.classes),
+    onClick: l[2] || (l[2] = (...s) => e.handleClick && e.handleClick(...s)),
     ref: "root"
   }, [
-    !_ctx.exceeded ? (openBlock(), createElementBlock("view", _hoisted_1, toDisplayString(_ctx.content), 1)) : createCommentVNode("", true),
-    _ctx.exceeded && !_ctx.expanded ? (openBlock(), createElementBlock("view", _hoisted_2, [
-      createTextVNode(toDisplayString(_ctx.ellipsis && _ctx.ellipsis.leading), 1),
-      _ctx.expandText ? (openBlock(), createElementBlock("span", {
+    e.exceeded ? x("", !0) : (r(), u("view", W, m(e.content), 1)),
+    e.exceeded && !e.expanded ? (r(), u("view", X, [
+      p(m(e.ellipsis && e.ellipsis.leading), 1),
+      e.expandText ? (r(), u("span", {
         key: 0,
         class: "nut-ellipsis__text",
-        onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.clickHandle(1), ["stop"]))
-      }, toDisplayString(_ctx.expandText), 1)) : createCommentVNode("", true),
-      createTextVNode(toDisplayString(_ctx.ellipsis && _ctx.ellipsis.tailing), 1)
-    ])) : createCommentVNode("", true),
-    _ctx.exceeded && _ctx.expanded ? (openBlock(), createElementBlock("view", _hoisted_3, [
-      createTextVNode(toDisplayString(_ctx.content) + " ", 1),
-      _ctx.expandText ? (openBlock(), createElementBlock("span", {
+        onClick: l[0] || (l[0] = M((s) => e.clickHandle(1), ["stop"]))
+      }, m(e.expandText), 1)) : x("", !0),
+      p(m(e.ellipsis && e.ellipsis.tailing), 1)
+    ])) : x("", !0),
+    e.exceeded && e.expanded ? (r(), u("view", Y, [
+      p(m(e.content) + " ", 1),
+      e.expandText ? (r(), u("span", {
         key: 0,
         class: "nut-ellipsis__text",
-        onClick: _cache[1] || (_cache[1] = withModifiers(($event) => _ctx.clickHandle(2), ["stop"]))
-      }, toDisplayString(_ctx.collapseText), 1)) : createCommentVNode("", true)
-    ])) : createCommentVNode("", true)
+        onClick: l[1] || (l[1] = M((s) => e.clickHandle(2), ["stop"]))
+      }, m(e.collapseText), 1)) : x("", !0)
+    ])) : x("", !0)
   ], 2);
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const le = /* @__PURE__ */ J(U, [["render", Z]]);
 export {
-  index as default
+  le as default
 };

package/dist/packages/_es/Empty.js

@@ -1,14 +1,12 @@
-import { toRefs, computed, openBlock, createElementBlock, createElementVNode, normalizeStyle, renderSlot, Fragment, createCommentVNode, toDisplayString } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
+import { toRefs as m, computed as c, openBlock as r, createElementBlock as a, createElementVNode as u, normalizeStyle as d, renderSlot as o, Fragment as f, createCommentVNode as n, toDisplayString as g } from "vue";
+import { c as y } from "./component-234624bc.js";
+import { _ as h } from "./_plugin-vue_export-helper-dad06003.js";
 import "../locale/lang";
-const { componentName, create, translate } = createComponent("empty");
-const defaultStatus = {
+const { componentName: B, create: v, translate: $ } = y("empty"), S = {
   empty: "https://static-ftcms.jd.com/p/files/61a9e3183985005b3958672b.png",
   error: "https://ftcms.jd.com/p/files/61a9e33ee7dcdbcc0ce62736.png",
   network: "https://static-ftcms.jd.com/p/files/61a9e31de7dcdbcc0ce62734.png"
-};
-const _sfc_main = create({
+}, _ = v({
   props: {
     image: {
       type: String,
@@ -26,51 +24,37 @@ const _sfc_main = create({
       default: ""
     }
   },
-  setup(props) {
-    const { image, imageSize } = toRefs(props);
-    const imgStyle = computed(() => {
-      if (!imageSize.value) {
-        return "";
-      }
-      if (typeof imageSize.value === "number") {
-        return `width:${imageSize.value}px;height:${imageSize.value}px`;
-      }
-      return `width:${imageSize.value};height:${imageSize.value}`;
-    });
-    const isHttpUrl = image.value.startsWith("https://") || image.value.startsWith("http://") || image.value.startsWith("//");
-    const imageUrl = isHttpUrl ? image.value : defaultStatus[image.value];
+  setup(e) {
+    const { image: s, imageSize: t } = m(e), i = c(() => t.value ? typeof t.value == "number" ? `width:${t.value}px;height:${t.value}px` : `width:${t.value};height:${t.value}` : "");
     return {
-      imageUrl,
-      imgStyle,
-      translate
+      imageUrl: s.value.startsWith("https://") || s.value.startsWith("http://") || s.value.startsWith("//") ? s.value : S[s.value],
+      imgStyle: i,
+      translate: $
     };
   }
-});
-const _hoisted_1 = { class: "nut-empty" };
-const _hoisted_2 = ["src"];
-const _hoisted_3 = {
+}), k = { class: "nut-empty" }, b = ["src"], w = {
   key: 1,
   class: "nut-empty__description"
 };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("view", _hoisted_1, [
-    createElementVNode("view", {
+function U(e, s, t, i, l, p) {
+  return r(), a("view", k, [
+    u("view", {
       class: "nut-empty__box",
-      style: normalizeStyle(_ctx.imgStyle)
+      style: d(e.imgStyle)
     }, [
-      _ctx.$slots.image ? renderSlot(_ctx.$slots, "image", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-        _ctx.imageUrl ? (openBlock(), createElementBlock("img", {
+      e.$slots.image ? o(e.$slots, "image", { key: 0 }) : (r(), a(f, { key: 1 }, [
+        e.imageUrl ? (r(), a("img", {
           key: 0,
           class: "nut-empty__box--img",
-          src: _ctx.imageUrl
-        }, null, 8, _hoisted_2)) : createCommentVNode("", true)
+          src: e.imageUrl
+        }, null, 8, b)) : n("", !0)
       ], 64))
     ], 4),
-    _ctx.$slots.description ? renderSlot(_ctx.$slots, "description", { key: 0 }) : (openBlock(), createElementBlock("view", _hoisted_3, toDisplayString(_ctx.description || _ctx.translate("noData")), 1)),
-    _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 2 }) : createCommentVNode("", true)
+    e.$slots.description ? o(e.$slots, "description", { key: 0 }) : (r(), a("view", w, g(e.description || e.translate("noData")), 1)),
+    e.$slots.default ? o(e.$slots, "default", { key: 2 }) : n("", !0)
   ]);
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const C = /* @__PURE__ */ h(_, [["render", U]]);
 export {
-  index as default
+  C as default
 };

package/dist/packages/_es/FixedNav.js

@@ -1,135 +1,112 @@
-import { c as createComponent } from "./component-81a4c1d0.js";
-import { computed, ref, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createBlock, createCommentVNode, renderSlot, createElementVNode, Fragment, renderList, toDisplayString, createVNode } from "vue";
-import Overlay from "./Overlay.js";
-import { Left } from "@nutui/icons-vue";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
+import { c as b } from "./component-234624bc.js";
+import { computed as g, ref as $, resolveComponent as p, openBlock as s, createElementBlock as i, normalizeClass as v, normalizeStyle as S, createBlock as V, createCommentVNode as f, renderSlot as m, createElementVNode as l, Fragment as w, renderList as L, toDisplayString as u, createVNode as T } from "vue";
+import y from "./Overlay.js";
+import { Left as B } from "@nutui/icons-vue";
+import { _ as h } from "./_plugin-vue_export-helper-dad06003.js";
 import "../locale/lang";
-const { componentName, translate } = createComponent("fixed-nav");
-const component = (components) => {
-  return {
-    components,
-    props: {
-      visible: {
-        type: Boolean,
-        default: false
-      },
-      overlay: {
-        type: Boolean,
-        default: true
-      },
-      navList: {
-        default: () => [],
-        type: Array
-      },
-      activeColor: {
-        default: "",
-        type: String
-      },
-      activeText: {
-        default: "",
-        type: String
-      },
-      unActiveText: {
-        default: "",
-        type: String
-      },
-      position: {
-        default: () => {
-          return {
-            top: "auto",
-            bottom: "auto"
-          };
-        },
-        type: Object
-      },
-      type: {
-        default: "right",
-        type: String
-      }
+const { componentName: x, translate: A } = b("fixed-nav"), N = (e) => ({
+  components: e,
+  props: {
+    visible: {
+      type: Boolean,
+      default: !1
     },
-    emits: ["update:visible", "selected"],
-    setup(props, { emit }) {
-      const classes = computed(() => {
-        const prefixCls = componentName;
-        return {
-          [prefixCls]: true,
-          active: props.visible,
-          [props.type]: true
-        };
-      });
-      const current = ref(-1);
-      const updateValue = (value = !props.visible) => {
-        emit("update:visible", value);
-      };
-      const selected = (item, event) => {
-        emit("selected", {
-          item,
-          event
-        });
-        current.value = item.id;
-      };
-      return { classes, updateValue, selected, translate, current };
+    overlay: {
+      type: Boolean,
+      default: !0
+    },
+    navList: {
+      default: () => [],
+      type: Array
+    },
+    activeColor: {
+      default: "",
+      type: String
+    },
+    activeText: {
+      default: "",
+      type: String
+    },
+    unActiveText: {
+      default: "",
+      type: String
+    },
+    position: {
+      default: () => ({
+        top: "auto",
+        bottom: "auto"
+      }),
+      type: Object
+    },
+    type: {
+      default: "right",
+      type: String
     }
-  };
-};
-const { create } = createComponent("fixed-nav");
-const _sfc_main = create(
-  component({
-    [Overlay.name]: Overlay,
-    Left
+  },
+  emits: ["update:visible", "selected"],
+  setup(n, { emit: a }) {
+    const c = g(() => ({
+      [x]: !0,
+      active: n.visible,
+      [n.type]: !0
+    })), r = $(-1);
+    return { classes: c, updateValue: (o = !n.visible) => {
+      a("update:visible", o);
+    }, selected: (o, t) => {
+      a("selected", {
+        item: o,
+        event: t
+      }), r.value = o.id;
+    }, translate: A, current: r };
+  }
+}), { create: z } = b("fixed-nav"), E = z(
+  N({
+    [y.name]: y,
+    Left: B
   })
-);
-const _hoisted_1 = { class: "nut-fixed-nav__list" };
-const _hoisted_2 = ["onClick"];
-const _hoisted_3 = ["src"];
-const _hoisted_4 = { class: "span" };
-const _hoisted_5 = {
+), O = { class: "nut-fixed-nav__list" }, j = ["onClick"], D = ["src"], F = { class: "span" }, q = {
   key: 0,
   class: "b"
-};
-const _hoisted_6 = { class: "text" };
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_overlay = resolveComponent("nut-overlay");
-  const _component_Left = resolveComponent("Left");
-  return openBlock(), createElementBlock("view", {
-    class: normalizeClass(_ctx.classes),
-    style: normalizeStyle(_ctx.position)
+}, G = { class: "text" };
+function H(e, n, a, c, r, C) {
+  const d = p("nut-overlay"), o = p("Left");
+  return s(), i("view", {
+    class: v(e.classes),
+    style: S(e.position)
   }, [
-    _ctx.overlay ? (openBlock(), createBlock(_component_nut_overlay, {
+    e.overlay ? (s(), V(d, {
       key: 0,
-      visible: _ctx.visible,
+      visible: e.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: normalizeClass(["nut-fixed-nav__list-item", { active: item.id == _ctx.current }]),
-            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)
-          ], 10, _hoisted_2);
-        }), 128))
+      onClick: n[0] || (n[0] = (t) => e.updateValue(!1))
+    }, null, 8, ["visible"])) : f("", !0),
+    m(e.$slots, "list", {}, () => [
+      l("view", O, [
+        (s(!0), i(w, null, L(e.navList, (t, k) => (s(), i("view", {
+          class: v(["nut-fixed-nav__list-item", { active: t.id == e.current }]),
+          onClick: (_) => e.selected(t, _),
+          key: t.id || k
+        }, [
+          l("img", {
+            src: t.icon
+          }, null, 8, D),
+          l("view", F, u(t.text), 1),
+          t.num ? (s(), i("view", q, u(t.num), 1)) : f("", !0)
+        ], 10, j))), 128))
       ])
     ]),
-    createElementVNode("div", {
+    l("div", {
       class: "nut-fixed-nav__btn",
-      onClick: _cache[1] || (_cache[1] = ($event) => _ctx.updateValue())
+      onClick: n[1] || (n[1] = (t) => e.updateValue())
     }, [
-      renderSlot(_ctx.$slots, "btn", {}, () => [
-        createVNode(_component_Left, { color: "#fff" }),
-        createElementVNode("view", _hoisted_6, toDisplayString(_ctx.visible ? _ctx.activeText || _ctx.translate("activeText") : _ctx.unActiveText || _ctx.translate("unActiveText")), 1)
+      m(e.$slots, "btn", {}, () => [
+        T(o, { color: "#fff" }),
+        l("view", G, u(e.visible ? e.activeText || e.translate("activeText") : e.unActiveText || e.translate("unActiveText")), 1)
       ])
     ])
   ], 6);
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", render]]);
+const R = /* @__PURE__ */ h(E, [["render", H]]);
 export {
-  index as default
+  R as default
 };