@nutui/nutui 4.0.12-beta.1 → 4.0.12

package/dist/packages/_es/Ellipsis.js

@@ -1,20 +1,28 @@
-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";
+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";
 import "../locale/lang";
-const { componentName: K, create: Q } = G("ellipsis"), U = Q({
+const { componentName, create } = createComponent("ellipsis");
+const _sfc_main = create({
   props: {
     content: {
       type: String,
@@ -46,103 +54,178 @@ const { componentName: K, create: Q } = G("ellipsis"), U = Q({
     }
   },
   emits: ["click", "change"],
-  setup(e, { emit: l }) {
-    const o = S(null);
-    let n = null, y = 0;
-    const g = S(), s = L({
-      exceeded: !1,
+  setup(props, { emit }) {
+    const root = ref(null);
+    let container = null;
+    let maxHeight = 0;
+    const ellipsis = ref();
+    const state = reactive({
+      exceeded: false,
       //是否超出
-      expanded: !1
+      expanded: false
       //是否折叠
-    }), N = O(() => ({
-      [K]: !0
-    }));
-    R(
-      () => e.content,
-      (t, i) => {
-        t != i && T();
+    });
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true
+      };
+    });
+    watch(
+      () => props.content,
+      (newV, oldVal) => {
+        if (newV != oldVal) {
+          createContainer();
+        }
       }
-    ), j(() => {
-      T();
+    );
+    onMounted(() => {
+      createContainer();
     });
-    const T = () => {
-      if (!o.value)
+    const createContainer = () => {
+      if (!root.value)
         return;
-      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 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);
       }
-    }, 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)
+    };
+    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 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) {
         return {
-          leading: e.content.slice(0, t[0]) + e.symbol,
-          tailing: e.symbol + e.content.slice(i[1], a)
+          leading: props.content.slice(0, leftPart[0]) + props.symbol,
+          tailing: props.symbol + props.content.slice(rightPart[1], end)
         };
-      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)
+      }
+      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)
         return 0;
-      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");
+      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");
     };
-    return w(v({}, q(s)), { root: o, ellipsis: g, classes: N, clickHandle: E, handleClick: B });
+    return __spreadProps(__spreadValues({}, toRefs(state)), { root, ellipsis, classes, clickHandle, handleClick });
   }
-}), 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)),
+});
+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)),
     ref: "root"
   }, [
-    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", {
+    !_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", {
         key: 0,
         class: "nut-ellipsis__text",
-        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", {
+        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", {
         key: 0,
         class: "nut-ellipsis__text",
-        onClick: l[1] || (l[1] = M((s) => e.clickHandle(2), ["stop"]))
-      }, m(e.collapseText), 1)) : x("", !0)
-    ])) : x("", !0)
+        onClick: _cache[1] || (_cache[1] = withModifiers(($event) => _ctx.clickHandle(2), ["stop"]))
+      }, toDisplayString(_ctx.collapseText), 1)) : createCommentVNode("", true)
+    ])) : createCommentVNode("", true)
   ], 2);
 }
-const le = /* @__PURE__ */ J(U, [["render", Z]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  le as default
+  index as default
 };

package/dist/packages/_es/Empty.js

@@ -1,12 +1,14 @@
-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 { 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 "../locale/lang";
-const { componentName: B, create: v, translate: $ } = y("empty"), S = {
+const { componentName, create, translate } = createComponent("empty");
+const defaultStatus = {
   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"
-}, _ = v({
+};
+const _sfc_main = create({
   props: {
     image: {
       type: String,
@@ -24,37 +26,51 @@ const { componentName: B, create: v, translate: $ } = y("empty"), S = {
       default: ""
     }
   },
-  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}` : "");
+  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];
     return {
-      imageUrl: s.value.startsWith("https://") || s.value.startsWith("http://") || s.value.startsWith("//") ? s.value : S[s.value],
-      imgStyle: i,
-      translate: $
+      imageUrl,
+      imgStyle,
+      translate
     };
   }
-}), k = { class: "nut-empty" }, b = ["src"], w = {
+});
+const _hoisted_1 = { class: "nut-empty" };
+const _hoisted_2 = ["src"];
+const _hoisted_3 = {
   key: 1,
   class: "nut-empty__description"
 };
-function U(e, s, t, i, l, p) {
-  return r(), a("view", k, [
-    u("view", {
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("view", _hoisted_1, [
+    createElementVNode("view", {
       class: "nut-empty__box",
-      style: d(e.imgStyle)
+      style: normalizeStyle(_ctx.imgStyle)
     }, [
-      e.$slots.image ? o(e.$slots, "image", { key: 0 }) : (r(), a(f, { key: 1 }, [
-        e.imageUrl ? (r(), a("img", {
+      _ctx.$slots.image ? renderSlot(_ctx.$slots, "image", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+        _ctx.imageUrl ? (openBlock(), createElementBlock("img", {
           key: 0,
           class: "nut-empty__box--img",
-          src: e.imageUrl
-        }, null, 8, b)) : n("", !0)
+          src: _ctx.imageUrl
+        }, null, 8, _hoisted_2)) : createCommentVNode("", true)
       ], 64))
     ], 4),
-    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)
+    _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)
   ]);
 }
-const C = /* @__PURE__ */ h(_, [["render", U]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  C as default
+  index as default
 };

package/dist/packages/_es/FixedNav.js

@@ -1,112 +1,135 @@
-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 { 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 "../locale/lang";
-const { componentName: x, translate: A } = b("fixed-nav"), N = (e) => ({
-  components: e,
-  props: {
-    visible: {
-      type: Boolean,
-      default: !1
+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
+      }
     },
-    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
+    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 };
     }
-  },
-  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 { create } = createComponent("fixed-nav");
+const _sfc_main = create(
+  component({
+    [Overlay.name]: Overlay,
+    Left
   })
-), O = { class: "nut-fixed-nav__list" }, j = ["onClick"], D = ["src"], F = { class: "span" }, q = {
+);
+const _hoisted_1 = { class: "nut-fixed-nav__list" };
+const _hoisted_2 = ["onClick"];
+const _hoisted_3 = ["src"];
+const _hoisted_4 = { class: "span" };
+const _hoisted_5 = {
   key: 0,
   class: "b"
-}, 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)
+};
+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)
   }, [
-    e.overlay ? (s(), V(d, {
+    _ctx.overlay ? (openBlock(), createBlock(_component_nut_overlay, {
       key: 0,
-      visible: e.visible,
+      visible: _ctx.visible,
       "z-index": 200,
-      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))
+      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))
       ])
     ]),
-    l("div", {
+    createElementVNode("div", {
       class: "nut-fixed-nav__btn",
-      onClick: n[1] || (n[1] = (t) => e.updateValue())
+      onClick: _cache[1] || (_cache[1] = ($event) => _ctx.updateValue())
     }, [
-      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)
+      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)
       ])
     ])
   ], 6);
 }
-const R = /* @__PURE__ */ h(E, [["render", H]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", render]]);
 export {
-  R as default
+  index as default
 };