@fox-js/foxui 4.0.1-92 → 4.0.1-93

package/dist/index.esm.js

@@ -4542,20 +4542,21 @@ function Cc(e, t, a = !1) {
   };
 }
 var { componentName: Tc, create: $c, scope: xc } = re("mapping"), Nc = $c(Cc(Tc, xc, !1)), ir = Nc;
-function st(e, t, a, n) {
-  const o = "fox-browse-item";
-  let r = null;
-  a ? r = P(ir, {
-    class: [`${o}__mapping`],
+function st(e, t, a, n, o) {
+  const r = "fox-browse-item";
+  let l = null;
+  a ? l = P(ir, {
+    class: [`${r}__mapping`],
     source: a,
     modelValue: e,
-    separator: n
-  }, { default: (s) => P(Wn, { class: [`${o}__text`] }, { default: () => s.text }) }) : r = P(Wn, { class: [`${o}__text`] }, { default: () => e });
-  const l = {
+    separator: n,
+    emptyText: o
+  }, { default: (i) => P(Wn, { class: [`${r}__text`] }, { default: () => i.text }) }) : l = P(Wn, { class: [`${r}__text`] }, { default: () => e });
+  const s = {
     label: t.default,
-    default: () => r
+    default: () => l
   };
-  return P(ml, { class: [o] }, l);
+  return P(ml, { class: [r] }, s);
 }
 var sr = {
   type: {
@@ -7580,7 +7581,8 @@ var wr = {
   },
   unit: { type: [String] },
   clearable: { type: [Boolean] },
-  maxLength: { type: [Number] }
+  maxLength: { type: [Number] },
+  emptyText: { type: [String] }
 }, zf = {
   ...Me,
   ...Oe,
@@ -7623,16 +7625,17 @@ function Kf(e, t, a, n, o, r, l, s = !1) {
         }
       }, i.prop ?? c.attrs.name), { toLocaleRefs: d } = Be(t), f = d(i, ["placeholder"]), b = R(!1), $ = Ff(), p = R([]), g = R([]), V = k(() => {
         if (Array.isArray(g.value)) {
+          if (g.value.length === 0 && i.emptyText) return i.emptyText;
           if (i.showAllLevels === !1) {
             const Q = g.value.length - 1;
             return g.value[Q];
           }
           return g.value.join(i.separator);
-        } else return g.value;
+        } else return g.value ?? i.emptyText;
       }), N = R([]), T = R([]);
       ve([() => i.modelValue, () => p.value], async ([Q, E]) => {
         if (w("setValue", Q), i.lazy === !0) {
-          T.value.length == 0 && (g.value = Array.isArray(Q) ? Q : [], N.value = Array.isArray(Q) ? Q : []);
+          T.value.length == 0 && (i.emptyText ? g.value = [i.emptyText] : g.value = Array.isArray(Q) ? Q : [], N.value = Array.isArray(Q) ? Q : []);
           return;
         }
         if (i.valueType === "item") {
@@ -7740,7 +7743,7 @@ function Kf(e, t, a, n, o, r, l, s = !1) {
           m.value = Q;
         }
       }), () => {
-        if (S.value === "on" && (C.value || v.value)) return n(V.value, c.slots);
+        if (S.value === "on" && (C.value || v.value)) return n(V.value, c.slots, i.emptyText);
         const Q = {
           class: O.value,
           style: I.value,
@@ -14886,6 +14889,7 @@ var G0 = /* @__PURE__ */ me(X0, [["render", Q0]]), { create: Z0 } = re("tabbar-i
       default: ""
     },
     icon: { type: Object },
+    activeIcon: { type: Object },
     num: {
       type: [String],
       default: ""
@@ -14905,14 +14909,16 @@ var G0 = /* @__PURE__ */ me(X0, [["render", Q0]]), { create: Z0 } = re("tabbar-i
   },
   setup(e, t) {
     const { parent: a, index: n } = In(Hr, { props: e }), o = k(() => n.value === a.state.value);
-    function r(l) {
-      a && typeof a.state.changeIndex == "function" && a.state.changeIndex(l);
+    function r(s) {
+      a && typeof a.state.changeIndex == "function" && a.state.changeIndex(s);
     }
+    const l = k(() => o.value ? e.activeIcon ?? e.icon : e.icon);
     return {
       state: a.state,
       index: n,
       active: o,
-      change: r
+      change: r,
+      currentIcon: l
     };
   }
 }), eb = { class: "fox-tabbar-item_icon-box" }, tb = {
@@ -14933,7 +14939,7 @@ function rb(e, t, a, n, o, r) {
   }, [j("view", eb, [
     e.dot ? te("", !0) : (x(), D(be, { key: 0 }, [e.num && e.num <= 99 ? (x(), D("view", tb, se(e.num), 1)) : e.num && e.num > 100 ? (x(), D("view", nb, se("99+"))) : te("", !0)], 64)),
     e.dot ? (x(), D("div", ab)) : te("", !0),
-    e.icon ? (x(), D("view", lb, [(x(), Se(St(e.icon), {
+    e.icon ? (x(), D("view", lb, [(x(), Se(St(e.currentIcon), {
       class: "fox-tabbar-item_icon-box_icon",
       width: e.state.size,
       height: e.state.size
@@ -18927,7 +18933,10 @@ function V2(e, t, a, n, o, r) {
       lineHeight: e.toPxString(e.height)
     }),
     onClick: (u) => e.go(c)
-  }, [ue(e.$slots, "item", {}, () => [Le(se(c), 1)])], 12, N2))), 128))], 4)), j("view", {
+  }, [ue(e.$slots, "item", {
+    item: c,
+    index: h
+  }, () => [Le(se(c), 1)])], 12, N2))), 128))], 4)), j("view", {
     class: "go",
     onClick: t[4] || (t[4] = (c) => !e.slots.rightIcon && e.handleClickIcon())
   }, [ue(e.$slots, "right-icon", {}, () => [e.closeMode ? (x(), Se(s, {