@atooyu/uxto-ui 1.0.6 → 1.0.8

package/dist/index.mjs

@@ -103,7 +103,7 @@ const _hoisted_5$c = {
   key: 2,
   class: "u-input__suffix"
 };
-const _hoisted_6$8 = { class: "u-input__icon" };
+const _hoisted_6$7 = { class: "u-input__icon" };
 const __default__$K = {
   options: {
     virtualHost: true,
@@ -194,7 +194,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
         ])])) : createCommentVNode("", true),
         _ctx.$slots.suffix || __props.suffixIcon ? (openBlock(), createElementBlock("view", _hoisted_5$c, [
           renderSlot(_ctx.$slots, "suffix", {}, () => [
-            createElementVNode("text", _hoisted_6$8, toDisplayString(__props.suffixIcon), 1)
+            createElementVNode("text", _hoisted_6$7, toDisplayString(__props.suffixIcon), 1)
           ], true)
         ])) : createCommentVNode("", true)
       ], 2);
@@ -210,13 +210,13 @@ const _hoisted_2$t = {
 const _hoisted_3$m = ["src"];
 const _hoisted_4$e = { class: "u-cell__content" };
 const _hoisted_5$b = { class: "u-cell__title" };
-const _hoisted_6$7 = { class: "u-cell__title-text" };
-const _hoisted_7$6 = {
+const _hoisted_6$6 = { class: "u-cell__title-text" };
+const _hoisted_7$5 = {
   key: 0,
   class: "u-cell__label"
 };
-const _hoisted_8$5 = { class: "u-cell__value" };
-const _hoisted_9$5 = { class: "u-cell__value-text" };
+const _hoisted_8$4 = { class: "u-cell__value" };
+const _hoisted_9$4 = { class: "u-cell__value-text" };
 const _hoisted_10$3 = {
   key: 1,
   class: "u-cell__arrow"
@@ -278,12 +278,12 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
         ])) : createCommentVNode("", true),
         createElementVNode("view", _hoisted_4$e, [
           createElementVNode("view", _hoisted_5$b, [
-            createElementVNode("text", _hoisted_6$7, toDisplayString(__props.title), 1),
-            __props.label ? (openBlock(), createElementBlock("text", _hoisted_7$6, toDisplayString(__props.label), 1)) : createCommentVNode("", true)
+            createElementVNode("text", _hoisted_6$6, toDisplayString(__props.title), 1),
+            __props.label ? (openBlock(), createElementBlock("text", _hoisted_7$5, toDisplayString(__props.label), 1)) : createCommentVNode("", true)
           ]),
-          createElementVNode("view", _hoisted_8$5, [
+          createElementVNode("view", _hoisted_8$4, [
             renderSlot(_ctx.$slots, "value", {}, () => [
-              createElementVNode("text", _hoisted_9$5, toDisplayString(__props.value), 1)
+              createElementVNode("text", _hoisted_9$4, toDisplayString(__props.value), 1)
             ], true)
           ])
         ]),
@@ -485,6 +485,10 @@ const upload = "data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='h
 const user = "data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill='currentColor'%20d='M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z'/%3e%3c/svg%3e";
 const account = "data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill='currentColor'%20d='M19%203H5c-1.1%200-2%20.9-2%202v14c0%201.1.9%202%202%202h14c1.1%200%202-.9%202-2V5c0-1.1-.9-2-2-2zm-7%203c1.93%200%203.5%201.57%203.5%203.5S13.93%2013%2012%2013s-3.5-1.57-3.5-3.5S10.07%206%2012%206zm7%2013H5v-.23c0-.62.28-1.2.76-1.58C7.47%2015.82%209.64%2015%2012%2015s4.53.82%206.24%202.19c.48.38.76.97.76%201.58V19z'/%3e%3c/svg%3e";
 const group = "data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill='currentColor'%20d='M16%2011c1.66%200%202.99-1.34%202.99-3S17.66%205%2016%205c-1.66%200-3%201.34-3%203s1.34%203%203%203zm-8%200c1.66%200%202.99-1.34%202.99-3S9.66%205%208%205C6.34%205%205%206.34%205%208s1.34%203%203%203zm0%202c-2.33%200-7%201.17-7%203.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8%200c-.29%200-.62.02-.97.05%201.16.84%201.97%201.97%201.97%203.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z'/%3e%3c/svg%3e";
+const home = "data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill='currentColor'%20d='M10%2020v-6h4v6h5v-8h3L12%203%202%2012h3v8z'/%3e%3c/svg%3e";
+const homeFill = "data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill='currentColor'%20d='M12%203L4%209v12h6v-6h4v6h6V9l-8-6z'/%3e%3c/svg%3e";
+const accountFill = "data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill='currentColor'%20d='M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm0%203c1.66%200%203%201.34%203%203s-1.34%203-3%203-3-1.34-3-3%201.34-3%203-3zm0%2014.2c-2.5%200-4.71-1.28-6-3.22.03-1.99%204-3.08%206-3.08%201.99%200%205.97%201.09%206%203.08-1.29%201.94-3.5%203.22-6%203.22z'/%3e%3c/svg%3e";
+const userFill = "data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill='currentColor'%20d='M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm0%203c1.66%200%203%201.34%203%203s-1.34%203-3%203-3-1.34-3-3%201.34-3%203-3zm0%2014.2c-2.5%200-4.71-1.28-6-3.22.03-1.99%204-3.08%206-3.08%201.99%200%205.97%201.09%206%203.08-1.29%201.94-3.5%203.22-6%203.22z'/%3e%3c/svg%3e";
 const warning = "data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill='currentColor'%20d='M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm1%2015h-2v-2h2v2zm0-4h-2V7h2v6z'/%3e%3c/svg%3e";
 const warningO = "data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill='currentColor'%20d='M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm1%2015h-2v-2h2v2zm0-4h-2V7h2v6z'/%3e%3c/svg%3e";
 const zoomIn = "data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill='currentColor'%20d='M15.5%2014h-.79l-.28-.27C15.41%2012.59%2016%2011.11%2016%209.5%2016%205.91%2013.09%203%209.5%203S3%205.91%203%209.5%205.91%2016%209.5%2016c1.61%200%203.09-.59%204.23-1.57l.27.28v.79l5%204.99L20.49%2019l-4.99-5zm-6%200C7.01%2014%205%2011.99%205%209.5S7.01%205%209.5%205%2014%207.01%2014%209.5%2011.99%2014%209.5%2014z'/%3e%3c/svg%3e";
@@ -551,10 +555,15 @@ const icons = {
   "share": share,
   // 用户类
   "user": user,
+  "user-fill": userFill,
   "account": account,
+  "account-fill": accountFill,
   "group": group,
   "smile": smile,
   "smile-o": smileO,
+  // 导航类 - 新增首页图标
+  "home": home,
+  "home-fill": homeFill,
   // 安全类
   "lock": lock,
   "unlock": unlock,
@@ -674,7 +683,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const uIcon = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-5d845d48"]]);
+const UIcon = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-5d845d48"]]);
 const __default__$F = {
   options: {
     virtualHost: true,
@@ -2027,7 +2036,7 @@ const _hoisted_4$c = {
   class: "u-grid-item__badge"
 };
 const _hoisted_5$9 = { class: "u-grid-item__badge-text" };
-const _hoisted_6$6 = {
+const _hoisted_6$5 = {
   key: 1,
   class: "u-grid-item__text"
 };
@@ -2099,7 +2108,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
             createElementVNode("text", _hoisted_5$9, toDisplayString(__props.badge), 1)
           ])) : createCommentVNode("", true)
         ])) : createCommentVNode("", true),
-        __props.text || _ctx.$slots.default ? (openBlock(), createElementBlock("view", _hoisted_6$6, [
+        __props.text || _ctx.$slots.default ? (openBlock(), createElementBlock("view", _hoisted_6$5, [
           renderSlot(_ctx.$slots, "default", {}, () => [
             createTextVNode(toDisplayString(__props.text), 1)
           ], true)
@@ -2629,13 +2638,13 @@ const _hoisted_4$9 = {
   class: "u-upload__video"
 };
 const _hoisted_5$7 = ["src", "onClick"];
-const _hoisted_6$5 = ["onClick"];
-const _hoisted_7$5 = { class: "u-upload__file-name" };
-const _hoisted_8$4 = {
+const _hoisted_6$4 = ["onClick"];
+const _hoisted_7$4 = { class: "u-upload__file-name" };
+const _hoisted_8$3 = {
   key: 3,
   class: "u-upload__progress"
 };
-const _hoisted_9$4 = ["onClick"];
+const _hoisted_9$3 = ["onClick"];
 const _hoisted_10$2 = {
   key: 5,
   class: "u-upload__error"
@@ -2784,9 +2793,9 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
                 onClick: ($event) => handlePreview(file, index)
               }, [
                 _cache[1] || (_cache[1] = createElementVNode("text", { class: "u-upload__file-icon" }, "📄", -1)),
-                createElementVNode("text", _hoisted_7$5, toDisplayString(getFileName(file)), 1)
-              ], 8, _hoisted_6$5)),
-              file.status === "uploading" ? (openBlock(), createElementBlock("view", _hoisted_8$4, [
+                createElementVNode("text", _hoisted_7$4, toDisplayString(getFileName(file)), 1)
+              ], 8, _hoisted_6$4)),
+              file.status === "uploading" ? (openBlock(), createElementBlock("view", _hoisted_8$3, [
                 createElementVNode("view", {
                   class: "u-upload__progress-bar",
                   style: normalizeStyle({ width: file.progress + "%" })
@@ -2798,7 +2807,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
                 onClick: ($event) => handleDelete(index)
               }, [..._cache[2] || (_cache[2] = [
                 createElementVNode("text", { class: "u-upload__delete-icon" }, "×", -1)
-              ])], 8, _hoisted_9$4)) : createCommentVNode("", true),
+              ])], 8, _hoisted_9$3)) : createCommentVNode("", true),
               file.status === "error" ? (openBlock(), createElementBlock("view", _hoisted_10$2, [..._cache[3] || (_cache[3] = [
                 createElementVNode("text", null, "上传失败", -1)
               ])])) : createCommentVNode("", true)
@@ -2939,13 +2948,13 @@ const _hoisted_5$6 = {
   key: 0,
   class: "u-slider__tooltip"
 };
-const _hoisted_6$4 = { class: "u-slider__tooltip-text" };
-const _hoisted_7$4 = {
+const _hoisted_6$3 = { class: "u-slider__tooltip-text" };
+const _hoisted_7$3 = {
   key: 0,
   class: "u-slider__tooltip"
 };
-const _hoisted_8$3 = { class: "u-slider__tooltip-text" };
-const _hoisted_9$3 = {
+const _hoisted_8$2 = { class: "u-slider__tooltip-text" };
+const _hoisted_9$2 = {
   key: 0,
   class: "u-slider__ticks"
 };
@@ -3210,7 +3219,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                 onTouchend: withModifiers(handleButtonTouchEnd, ["stop"])
               }, [
                 __props.showValue ? (openBlock(), createElementBlock("view", _hoisted_5$6, [
-                  createElementVNode("text", _hoisted_6$4, toDisplayString(startValue.value), 1)
+                  createElementVNode("text", _hoisted_6$3, toDisplayString(startValue.value), 1)
                 ])) : createCommentVNode("", true)
               ], 36),
               createElementVNode("view", {
@@ -3220,13 +3229,13 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                 onTouchmove: withModifiers(handleEndButtonTouchMove, ["stop"]),
                 onTouchend: withModifiers(handleButtonTouchEnd, ["stop"])
               }, [
-                __props.showValue ? (openBlock(), createElementBlock("view", _hoisted_7$4, [
-                  createElementVNode("text", _hoisted_8$3, toDisplayString(endValue.value), 1)
+                __props.showValue ? (openBlock(), createElementBlock("view", _hoisted_7$3, [
+                  createElementVNode("text", _hoisted_8$2, toDisplayString(endValue.value), 1)
                 ])) : createCommentVNode("", true)
               ], 36)
             ], 64))
           ], 4),
-          __props.showTicks ? (openBlock(), createElementBlock("view", _hoisted_9$3, [
+          __props.showTicks ? (openBlock(), createElementBlock("view", _hoisted_9$2, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(ticks.value, (tick2, index) => {
               return openBlock(), createElementBlock("view", {
                 key: index,
@@ -3255,13 +3264,13 @@ const _hoisted_4$7 = {
   class: "u-list__loading"
 };
 const _hoisted_5$5 = { class: "u-list__loading-text" };
-const _hoisted_6$3 = {
+const _hoisted_6$2 = {
   key: 2,
   class: "u-list__finished"
 };
-const _hoisted_7$3 = { class: "u-list__finished-text" };
-const _hoisted_8$2 = { class: "u-list__error-text" };
-const _hoisted_9$2 = {
+const _hoisted_7$2 = { class: "u-list__finished-text" };
+const _hoisted_8$1 = { class: "u-list__error-text" };
+const _hoisted_9$1 = {
   key: 4,
   class: "u-list__footer"
 };
@@ -3308,17 +3317,17 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
           _cache[0] || (_cache[0] = createElementVNode("view", { class: "u-list__loading-icon" }, null, -1)),
           createElementVNode("text", _hoisted_5$5, toDisplayString(__props.loadingText), 1)
         ])) : createCommentVNode("", true),
-        __props.finished && !__props.loading ? (openBlock(), createElementBlock("view", _hoisted_6$3, [
-          createElementVNode("text", _hoisted_7$3, toDisplayString(__props.finishedText), 1)
+        __props.finished && !__props.loading ? (openBlock(), createElementBlock("view", _hoisted_6$2, [
+          createElementVNode("text", _hoisted_7$2, toDisplayString(__props.finishedText), 1)
         ])) : createCommentVNode("", true),
         __props.error && !__props.loading ? (openBlock(), createElementBlock("view", {
           key: 3,
           class: "u-list__error",
           onClick: handleErrorClick
         }, [
-          createElementVNode("text", _hoisted_8$2, toDisplayString(__props.errorText), 1)
+          createElementVNode("text", _hoisted_8$1, toDisplayString(__props.errorText), 1)
         ])) : createCommentVNode("", true),
-        _ctx.$slots.footer || __props.footer ? (openBlock(), createElementBlock("view", _hoisted_9$2, [
+        _ctx.$slots.footer || __props.footer ? (openBlock(), createElementBlock("view", _hoisted_9$1, [
           renderSlot(_ctx.$slots, "footer", {}, () => [
             createTextVNode(toDisplayString(__props.footer), 1)
           ], true)
@@ -3342,19 +3351,19 @@ const _hoisted_5$4 = {
   key: 0,
   class: "u-list-item__title"
 };
-const _hoisted_6$2 = {
+const _hoisted_6$1 = {
   key: 1,
   class: "u-list-item__desc"
 };
-const _hoisted_7$2 = {
+const _hoisted_7$1 = {
   key: 2,
   class: "u-list-item__content"
 };
-const _hoisted_8$1 = {
+const _hoisted_8 = {
   key: 1,
   class: "u-list-item__extra"
 };
-const _hoisted_9$1 = {
+const _hoisted_9 = {
   key: 0,
   class: "u-list-item__value"
 };
@@ -3418,18 +3427,18 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
               createTextVNode(toDisplayString(__props.title), 1)
             ], true)
           ])) : createCommentVNode("", true),
-          __props.desc || _ctx.$slots.desc ? (openBlock(), createElementBlock("view", _hoisted_6$2, [
+          __props.desc || _ctx.$slots.desc ? (openBlock(), createElementBlock("view", _hoisted_6$1, [
             renderSlot(_ctx.$slots, "desc", {}, () => [
               createTextVNode(toDisplayString(__props.desc), 1)
             ], true)
           ])) : createCommentVNode("", true),
-          _ctx.$slots.default ? (openBlock(), createElementBlock("view", _hoisted_7$2, [
+          _ctx.$slots.default ? (openBlock(), createElementBlock("view", _hoisted_7$1, [
             renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ])) : createCommentVNode("", true)
         ]),
-        _ctx.$slots.extra || __props.extra || __props.value ? (openBlock(), createElementBlock("view", _hoisted_8$1, [
+        _ctx.$slots.extra || __props.extra || __props.value ? (openBlock(), createElementBlock("view", _hoisted_8, [
           renderSlot(_ctx.$slots, "extra", {}, () => [
-            __props.value ? (openBlock(), createElementBlock("text", _hoisted_9$1, toDisplayString(__props.value), 1)) : createCommentVNode("", true),
+            __props.value ? (openBlock(), createElementBlock("text", _hoisted_9, toDisplayString(__props.value), 1)) : createCommentVNode("", true),
             __props.extra ? (openBlock(), createElementBlock("text", _hoisted_10, toDisplayString(__props.extra), 1)) : createCommentVNode("", true)
           ], true),
           __props.showArrow ? (openBlock(), createElementBlock("view", _hoisted_11, [..._cache[0] || (_cache[0] = [
@@ -4518,11 +4527,11 @@ const _hoisted_5$1 = {
   key: 2,
   class: "u-code-input__placeholder"
 };
-const _hoisted_6$1 = {
+const _hoisted_6 = {
   key: 3,
   class: "u-code-input__cursor"
 };
-const _hoisted_7$1 = ["value", "maxlength", "disabled", "focus", "password"];
+const _hoisted_7 = ["value", "maxlength", "disabled", "focus", "password"];
 const __default__$5 = {
   options: {
     virtualHost: true,
@@ -4612,7 +4621,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
               style: normalizeStyle(itemStyle.value)
             }, [
               values.value[i - 1] && !__props.password ? (openBlock(), createElementBlock("text", _hoisted_3$3, toDisplayString(values.value[i - 1]), 1)) : values.value[i - 1] && __props.password ? (openBlock(), createElementBlock("view", _hoisted_4$1)) : (openBlock(), createElementBlock("view", _hoisted_5$1, toDisplayString(__props.placeholderChar), 1)),
-              __props.focus && i - 1 === currentIndex.value ? (openBlock(), createElementBlock("view", _hoisted_6$1)) : createCommentVNode("", true)
+              __props.focus && i - 1 === currentIndex.value ? (openBlock(), createElementBlock("view", _hoisted_6)) : createCommentVNode("", true)
             ], 6);
           }), 128))
         ]),
@@ -4627,7 +4636,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
           onInput: handleInput,
           onFocus: handleFocus,
           onBlur: handleBlur
-        }, null, 40, _hoisted_7$1)
+        }, null, 40, _hoisted_7)
       ]);
     };
   }
@@ -4935,13 +4944,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
 const uReadMore = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-e27ed42c"]]);
 const _hoisted_1 = { class: "u-tabbar" };
 const _hoisted_2 = { class: "u-tabbar__nav-wrap" };
-const _hoisted_3 = { class: "u-tabbar__tab-icon" };
-const _hoisted_4 = { class: "u-tabbar__tab-text" };
-const _hoisted_5 = { class: "u-tabbar__center" };
-const _hoisted_6 = { class: "u-tabbar__center-brand" };
-const _hoisted_7 = { class: "u-tabbar__center-text" };
-const _hoisted_8 = { class: "u-tabbar__tab-icon" };
-const _hoisted_9 = { class: "u-tabbar__tab-text" };
+const _hoisted_3 = { class: "u-tabbar__center" };
+const _hoisted_4 = { class: "u-tabbar__center-brand" };
+const _hoisted_5 = { class: "u-tabbar__center-text" };
 const __default__ = {
   options: {
     virtualHost: true,
@@ -4953,11 +4958,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "u-tabbar",
   props: {
     modelValue: { default: "home" },
-    leftTab: { default: () => ({ label: "首页", icon: "⌂", value: "home" }) },
-    centerTab: { default: () => ({ label: "图域", icon: "TU", value: "center" }) },
-    rightTab: { default: () => ({ label: "我的", icon: "◉", value: "mine" }) },
+    leftTab: { default: () => ({ label: "首页", icon: "home-fill", value: "home" }) },
+    centerTab: { default: () => ({ label: "图域", value: "center" }) },
+    rightTab: { default: () => ({ label: "我的", icon: "account-fill", value: "mine" }) },
     centerBrand: { default: "TU" },
-    centerLabel: { default: "图域" }
+    centerLabel: { default: "图域" },
+    activeColor: { default: "#0c958e" },
+    inactiveColor: { default: "#ffffff" }
   },
   emits: ["update:modelValue", "tab-change"],
   setup(__props, { emit: __emit }) {
@@ -4973,31 +4980,47 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             class: normalizeClass(["u-tabbar__tab-btn", { "u-tabbar__tab-btn--active": __props.modelValue === __props.leftTab.value }]),
             onClick: _cache[0] || (_cache[0] = ($event) => switchTab(__props.leftTab.value))
           }, [
-            createElementVNode("text", _hoisted_3, toDisplayString(__props.leftTab.icon), 1),
-            createElementVNode("text", _hoisted_4, toDisplayString(__props.leftTab.label), 1)
+            __props.leftTab.icon ? (openBlock(), createBlock(UIcon, {
+              key: 0,
+              name: __props.leftTab.icon,
+              size: 16,
+              color: __props.modelValue === __props.leftTab.value ? __props.activeColor : __props.inactiveColor
+            }, null, 8, ["name", "color"])) : createCommentVNode("", true),
+            createElementVNode("text", {
+              class: "u-tabbar__tab-text",
+              style: normalizeStyle({ color: __props.modelValue === __props.leftTab.value ? __props.activeColor : __props.inactiveColor })
+            }, toDisplayString(__props.leftTab.label), 5)
           ], 2),
-          createElementVNode("view", _hoisted_5, [
+          createElementVNode("view", _hoisted_3, [
             createElementVNode("view", {
               class: normalizeClass(["u-tabbar__center-btn", { "u-tabbar__center-btn--active": __props.modelValue === __props.centerTab.value }]),
               onClick: _cache[1] || (_cache[1] = ($event) => switchTab(__props.centerTab.value))
             }, [
-              createElementVNode("text", _hoisted_6, toDisplayString(__props.centerBrand), 1),
-              createElementVNode("text", _hoisted_7, toDisplayString(__props.centerLabel), 1)
+              createElementVNode("text", _hoisted_4, toDisplayString(__props.centerBrand), 1),
+              createElementVNode("text", _hoisted_5, toDisplayString(__props.centerLabel), 1)
             ], 2)
           ]),
           createElementVNode("view", {
             class: normalizeClass(["u-tabbar__tab-btn", { "u-tabbar__tab-btn--active": __props.modelValue === __props.rightTab.value }]),
             onClick: _cache[2] || (_cache[2] = ($event) => switchTab(__props.rightTab.value))
           }, [
-            createElementVNode("text", _hoisted_8, toDisplayString(__props.rightTab.icon), 1),
-            createElementVNode("text", _hoisted_9, toDisplayString(__props.rightTab.label), 1)
+            __props.rightTab.icon ? (openBlock(), createBlock(UIcon, {
+              key: 0,
+              name: __props.rightTab.icon,
+              size: 16,
+              color: __props.modelValue === __props.rightTab.value ? __props.activeColor : __props.inactiveColor
+            }, null, 8, ["name", "color"])) : createCommentVNode("", true),
+            createElementVNode("text", {
+              class: "u-tabbar__tab-text",
+              style: normalizeStyle({ color: __props.modelValue === __props.rightTab.value ? __props.activeColor : __props.inactiveColor })
+            }, toDisplayString(__props.rightTab.label), 5)
           ], 2)
         ])
       ]);
     };
   }
 });
-const uTabbar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cdd03f9f"]]);
+const uTabbar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a51e79ef"]]);
 export {
   uAvatar as UAvatar,
   uBadge as UBadge,
@@ -5013,7 +5036,7 @@ export {
   uEmpty as UEmpty,
   uGrid as UGrid,
   uGridItem as UGridItem,
-  uIcon as UIcon,
+  UIcon,
   uImage as UImage,
   uInput as UInput,
   uKeyboard as UKeyboard,