nutui-taro-upgrade/dist/packages/tabbaritem/TabbarItem.js

@nutui/nutui-taro 对京东风格组件库的taro4 版本支持

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));
var __async = (__this, __arguments, generator) => {
  return new Promise((resolve, reject) => {
    var fulfilled = (value) => {
      try {
        step(generator.next(value));
      } catch (e) {
        reject(e);
      }
    };
    var rejected = (value) => {
      try {
        step(generator.throw(value));
      } catch (e) {
        reject(e);
      }
    };
    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
    step((generator = generator.apply(__this, __arguments)).next());
  });
};
import { getCurrentInstance, defineComponent, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, createVNode, unref, normalizeProps, guardReactiveProps, withCtx, createElementVNode, renderSlot, createCommentVNode, createTextVNode, createBlock, resolveDynamicComponent, toDisplayString } from "vue";
import { r as renderIcon } from "../renderIcon-3d0fd47c.js";
import { u as useParent } from "../useParent-db66af63.js";
import { T as TABBAR_KEY } from "../types-3a341f39.js";
import { Badge as _sfc_main$1 } from "../badge/Badge.js";
import { w as withInstall } from "../with-install-783bc31f.js";
function useRouter() {
  const proxy = getCurrentInstance().proxy;
  return proxy.$router || null;
}
const _hoisted_1 = { class: "nut-tabbar-item_icon-box" };
const _hoisted_2 = {
  key: 0,
  class: "nut-tabbar-item_icon-box_icon"
};
const _hoisted_3 = { key: 1 };
const _hoisted_4 = { key: 0 };
const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
  name: "NutTabbarItem"
}), {
  __name: "tabbar-item.taro",
  props: {
    tabTitle: { default: "" },
    name: {},
    icon: {},
    href: { default: "" },
    to: {}
  },
  setup(__props) {
    const props = __props;
    const router = useRouter();
    const { parent, index } = useParent(TABBAR_KEY);
    const active = computed(() => {
      var _a;
      return ((_a = props.name) != null ? _a : index.value) === parent.activeIndex.value;
    });
    const activeColor = computed(() => active.value ? parent.props.activeColor : parent.props.unactiveColor);
    const change = () => __async(this, null, function* () {
      var _a, _b, _c;
      try {
        const key = (_a = props.name) != null ? _a : index.value;
        yield parent.changeIndex(index.value, key);
        if ((_b = parent.children[index.value]) == null ? void 0 : _b.href) {
          window.location.href = parent.children[index.value].href;
          return;
        }
        if ((_c = parent.children[index.value]) == null ? void 0 : _c.to) {
          const to = parent.children[index.value].to;
          if (to && router) {
            router.push(to);
          } else {
            location.replace(to);
          }
        }
      } catch (err) {
      }
    });
    return (_ctx, _cache) => {
      return openBlock(), createElementBlock("div", {
        class: normalizeClass(["nut-tabbar-item", { "nut-tabbar-item__icon--unactive": !active.value }]),
        style: normalizeStyle({
          color: activeColor.value
        }),
        onClick: change
      }, [
        createVNode(unref(_sfc_main$1), normalizeProps(guardReactiveProps(_ctx.$attrs)), {
          default: withCtx(() => [
            createElementVNode("view", _hoisted_1, [
              _ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_2, [
                renderSlot(_ctx.$slots, "icon", { active: active.value })
              ])) : createCommentVNode("", true),
              _cache[0] || (_cache[0] = createTextVNode()),
              _ctx.icon && !_ctx.$slots.icon ? (openBlock(), createElementBlock("view", _hoisted_3, [
                (openBlock(), createBlock(resolveDynamicComponent(unref(renderIcon)(_ctx.icon)), { class: "nut-popover-item-img" }))
              ])) : createCommentVNode("", true),
              _cache[1] || (_cache[1] = createTextVNode()),
              createElementVNode("view", {
                class: normalizeClass(["nut-tabbar-item_icon-box_nav-word", { "nut-tabbar-item_icon-box_big-word": !_ctx.icon && !_ctx.$slots.icon }])
              }, [
                renderSlot(_ctx.$slots, "default", {}, () => [
                  _ctx.tabTitle ? (openBlock(), createElementBlock("view", _hoisted_4, toDisplayString(_ctx.tabTitle), 1)) : createCommentVNode("", true)
                ])
              ], 2)
            ])
          ]),
          _: 3
        }, 16)
      ], 6);
    };
  }
}));
withInstall(_sfc_main);
export {
  _sfc_main as TabbarItem,
  _sfc_main as default
};