@nutui/nutui 4.3.3 → 4.3.5

package/dist/packages/tabbar/Tabbar.js

@@ -1,96 +1,96 @@
-import { toRefs, ref, reactive, provide, watch, onMounted, nextTick, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot } from "vue";
-import { c as createComponent } from "../component-TCzwHGVq.js";
-import { T as TABBAR_KEY } from "../types-Cq2YypZn.js";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
-const { create } = createComponent("tabbar");
-const _sfc_main = create({
-  props: {
-    modelValue: {
-      type: [Number, String],
-      default: 0
-    },
-    bottom: {
-      type: Boolean,
-      default: false
-    },
-    type: {
-      type: String,
-      default: "base"
-    },
-    unactiveColor: {
-      type: String,
-      default: ""
-    },
-    activeColor: {
-      type: String,
-      default: ""
-    },
-    safeAreaInsetBottom: {
-      type: Boolean,
-      default: false
-    },
-    placeholder: {
-      type: Boolean,
-      default: false
+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 { defineComponent, ref, computed, watch, onMounted, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, nextTick } from "vue";
+import { u as useChildren } from "../useChildren-BZ4-J79J.js";
+import { T as TABBAR_KEY } from "../types-MuhxzCWc.js";
+import { w as withInstall } from "../with-install-Ch3FF0uS.js";
+const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
+  name: "NutTabbar"
+}), {
+  __name: "tabbar",
+  props: {
+    modelValue: { default: 0 },
+    bottom: { type: Boolean, default: false },
+    unactiveColor: { default: "" },
+    activeColor: { default: "" },
+    safeAreaInsetBottom: { type: Boolean, default: false },
+    placeholder: { type: Boolean, default: false }
   },
   emits: ["tabSwitch", "update:modelValue"],
-  setup(props, { emit }) {
-    const { bottom, placeholder } = toRefs(props);
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
     const height = ref();
-    const mdValue = reactive({
-      val: props.modelValue,
-      children: []
-    });
     const nutTabbar = ref(null);
-    function changeIndex(index2, active) {
-      emit("update:modelValue", active);
-      parentData.modelValue = active;
-      emit("tabSwitch", parentData.children[index2], active);
-    }
-    const parentData = reactive({
-      children: mdValue.children,
-      modelValue: mdValue.val,
-      unactiveColor: props.unactiveColor,
-      activeColor: props.activeColor,
-      changeIndex
+    const activeIndex = ref(props.modelValue);
+    const classes = computed(() => {
+      const prefixCls = "nut-tabbar";
+      return {
+        [prefixCls]: true,
+        "nut-tabbar-bottom": props.bottom,
+        "nut-tabbar-safebottom": props.safeAreaInsetBottom
+      };
     });
-    provide(TABBAR_KEY, parentData);
+    const { children, linkChildren } = useChildren(TABBAR_KEY);
+    const changeIndex = (index, active) => {
+      activeIndex.value = active;
+      emit("update:modelValue", active);
+      emit("tabSwitch", children[index], active);
+    };
+    linkChildren({ props, activeIndex, changeIndex });
     watch(
       () => props.modelValue,
-      (value) => {
-        parentData.modelValue = value;
+      (val) => {
+        activeIndex.value = val;
       }
     );
-    onMounted(() => {
-      if (bottom.value && placeholder.value) {
+    const updateHeight = () => {
+      if (props.bottom && props.placeholder) {
         nextTick(() => {
           var _a;
-          height.value = (_a = nutTabbar == null ? void 0 : nutTabbar.value) == null ? void 0 : _a.getBoundingClientRect().height;
+          const nutTabbarHeight = (_a = nutTabbar.value) == null ? void 0 : _a.getBoundingClientRect().height;
+          if (nutTabbarHeight) {
+            height.value = nutTabbarHeight;
+          }
         });
       }
-    });
-    return {
-      changeIndex,
-      nutTabbar,
-      height
+    };
+    onMounted(updateHeight);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass({ "nut-tabbar__placeholder": _ctx.bottom && _ctx.placeholder }),
+        style: normalizeStyle({ height: height.value + "px" })
+      }, [
+        createElementVNode("view", {
+          ref_key: "nutTabbar",
+          ref: nutTabbar,
+          class: normalizeClass(classes.value)
+        }, [
+          renderSlot(_ctx.$slots, "default")
+        ], 2)
+      ], 6);
     };
   }
-});
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass({ "nut-tabbar__placeholder": _ctx.bottom && _ctx.placeholder }),
-    style: normalizeStyle({ height: _ctx.height + "px" })
-  }, [
-    createElementVNode("view", {
-      ref: "nutTabbar",
-      class: normalizeClass(["nut-tabbar", { "nut-tabbar-bottom": _ctx.bottom, "nut-tabbar-safebottom": _ctx.safeAreaInsetBottom }])
-    }, [
-      renderSlot(_ctx.$slots, "default")
-    ], 2)
-  ], 6);
-}
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+}));
+withInstall(_sfc_main);
 export {
-  index as default
+  _sfc_main as Tabbar,
+  _sfc_main as default
 };

package/dist/packages/tabbaritem/TabbarItem.js

@@ -1,131 +1,107 @@
-import { c as createComponent } from "../component-TCzwHGVq.js";
-import { r as renderIcon } from "../renderIcon--EgZu5_5.js";
-import { inject, reactive, getCurrentInstance, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createVNode, normalizeProps, guardReactiveProps, withCtx, createElementVNode, renderSlot, createCommentVNode, createBlock, resolveDynamicComponent, toDisplayString } from "vue";
-import { u as useRouter } from "../index-Ii9XdkPy.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 { defineComponent, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, createVNode, normalizeProps, guardReactiveProps, withCtx, createElementVNode, renderSlot, createCommentVNode, createBlock, resolveDynamicComponent, unref, toDisplayString } from "vue";
+import { r as renderIcon } from "../renderIcon-BfOvhG7i.js";
+import { u as useRouter } from "../index-aiGQ-EiA.js";
+import { u as useParent } from "../useParent-D6DiuxZZ.js";
+import { T as TABBAR_KEY } from "../types-MuhxzCWc.js";
 import NutBadge from "../badge/Badge.js";
-import { T as TABBAR_KEY } from "../types-Cq2YypZn.js";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
-const { create } = createComponent("tabbar-item");
-const _sfc_main = create({
-  components: { NutBadge },
+import { w as withInstall } from "../with-install-Ch3FF0uS.js";
+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",
   props: {
-    tabTitle: {
-      // 标签页的标题
-      type: String,
-      default: ""
-    },
-    name: {
-      type: String
-    },
-    icon: {
-      // 标签页显示的icon
-      type: Object
-    },
-    href: {
-      // 标签页的跳转链接
-      type: String,
-      default: ""
-    },
-    to: [Object, String]
+    tabTitle: { default: "" },
+    name: {},
+    icon: {},
+    href: { default: "" },
+    to: {}
   },
-  setup(props, { slots }) {
-    const isHaveSlot = (slot) => {
-      return slots[slot];
-    };
-    const parent = inject(TABBAR_KEY);
-    const state = reactive({
-      unactiveColor: parent.unactiveColor,
-      // 未选中的颜色
-      activeColor: parent.activeColor,
-      // 选中的颜色
-      index: 0
-    });
+  setup(__props) {
+    const props = __props;
     const router = useRouter();
-    const relation = (child) => {
+    const { parent, index } = useParent(TABBAR_KEY);
+    const active = computed(() => {
       var _a;
-      if (child.proxy) {
-        parent.children.push(child.proxy);
-        const index2 = parent.children.indexOf(child.proxy);
-        state.index = (_a = props.name) != null ? _a : index2;
-      }
-    };
-    relation(getCurrentInstance());
-    const active = computed(() => state.index === parent.modelValue);
-    function change() {
+      return ((_a = props.name) != null ? _a : index.value) === parent.activeIndex.value;
+    });
+    const activeColor = computed(() => active.value ? parent.props.activeColor : parent.props.unactiveColor);
+    const change = () => {
       var _a, _b, _c;
-      let key = (_a = props.name) != null ? _a : state.index;
-      let indexValue = null;
-      if (props.name) {
-        indexValue = parent.children.findIndex((item) => {
-          return item.name == key;
-        });
-      }
-      parent.changeIndex(indexValue != null ? indexValue : key, state.index);
-      let index2 = indexValue != null ? indexValue : key;
-      if ((_b = parent.children[index2]) == null ? void 0 : _b.href) {
-        window.location.href = parent.children[index2].href;
+      const key = (_a = props.name) != null ? _a : index.value;
+      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[index2]) == null ? void 0 : _c.to) {
-        let to = parent.children[index2].to;
+      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);
         }
       }
-    }
-    return {
-      state,
-      active,
-      renderIcon,
-      isHaveSlot,
-      change
     };
-  }
-});
-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 };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_badge = resolveComponent("nut-badge");
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass(["nut-tabbar-item", { "nut-tabbar-item__icon--unactive": !_ctx.active }]),
-    style: normalizeStyle({
-      color: _ctx.active ? _ctx.state.activeColor : _ctx.state.unactiveColor
-    }),
-    onClick: _cache[0] || (_cache[0] = ($event) => _ctx.change())
-  }, [
-    createVNode(_component_nut_badge, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
-      default: withCtx(() => [
-        createElementVNode("view", _hoisted_1, [
-          _ctx.isHaveSlot("icon") ? (openBlock(), createElementBlock("div", _hoisted_2, [
-            renderSlot(_ctx.$slots, "icon", { active: _ctx.active })
-          ])) : createCommentVNode("", true),
-          _ctx.icon && !_ctx.isHaveSlot("icon") ? (openBlock(), createElementBlock("view", _hoisted_3, [
-            (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderIcon(_ctx.icon)), { class: "nut-popover-item-img" }))
-          ])) : createCommentVNode("", true),
-          createElementVNode("view", {
-            class: normalizeClass([
-              "nut-tabbar-item_icon-box_nav-word",
-              { "nut-tabbar-item_icon-box_big-word": !_ctx.icon && !_ctx.isHaveSlot("icon") }
+    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(NutBadge, 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),
+              _ctx.icon && !_ctx.$slots.icon ? (openBlock(), createElementBlock("view", _hoisted_3, [
+                (openBlock(), createBlock(resolveDynamicComponent(unref(renderIcon)(_ctx.icon)), { class: "nut-popover-item-img" }))
+              ])) : createCommentVNode("", true),
+              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)
             ])
-          }, [
-            renderSlot(_ctx.$slots, "default", {}, () => [
-              _ctx.tabTitle ? (openBlock(), createElementBlock("view", _hoisted_4, toDisplayString(_ctx.tabTitle), 1)) : createCommentVNode("", true)
-            ])
-          ], 2)
-        ])
-      ]),
-      _: 3
-    }, 16)
-  ], 6);
-}
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+          ]),
+          _: 3
+        }, 16)
+      ], 6);
+    };
+  }
+}));
+withInstall(_sfc_main);
 export {
-  index as default
+  _sfc_main as TabbarItem,
+  _sfc_main as default
 };

package/dist/packages/table/Table.js

@@ -18,10 +18,10 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { defineComponent, h, reactive, watch, toRefs, resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, Fragment, renderList, normalizeStyle, createTextVNode, toDisplayString, renderSlot, createBlock, createCommentVNode } from "vue";
-import { c as createComponent } from "../component-TCzwHGVq.js";
+import { c as createComponent } from "../component-DQf3CENX.js";
 import { DownArrow } from "@nutui/icons-vue";
-import { u as useLocale } from "../index-s3RgMhc7.js";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
+import { u as useLocale } from "../index-CFigyH92.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
 const RenderColumn = defineComponent({
   props: {
     slots: {

package/dist/packages/tabpane/TabPane.js

@@ -18,8 +18,8 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { inject, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot } from "vue";
-import { c as createComponent } from "../component-TCzwHGVq.js";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
+import { c as createComponent } from "../component-DQf3CENX.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
 const { create } = createComponent("tab-pane");
 const _sfc_main = create({
   props: {

package/dist/packages/tabs/Tabs.js

@@ -41,13 +41,13 @@ var __async = (__this, __arguments, generator) => {
 import { ref, onMounted, reactive, provide, computed, watch, onActivated, nextTick, resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, createElementVNode, normalizeStyle, renderSlot, Fragment, renderList, createCommentVNode, createVNode, toDisplayString } from "vue";
 import NutSticky from "../sticky/Sticky.js";
 import { JoySmile } from "@nutui/icons-vue";
-import { c as createComponent } from "../component-TCzwHGVq.js";
-import { T as TypeOfFun } from "../util-4Jkyw4BJ.js";
-import { p as pxCheck } from "../pxCheck-OnXlN1NC.js";
-import { u as useRect } from "../index-cp6Ms_Qe.js";
-import { r as requestAniFrame } from "../raf-MQjoO-Ag.js";
-import { u as useTouch } from "../index-084nl_oE.js";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
+import { c as createComponent } from "../component-DQf3CENX.js";
+import { T as TypeOfFun } from "../util-DnfK0Qan.js";
+import { p as pxCheck } from "../pxCheck-DN6FYV6q.js";
+import { u as useRect } from "../index-B1qsj2XR.js";
+import { r as requestAniFrame } from "../raf-c01wDYCo.js";
+import { u as useTouch } from "../index-I8tfW3Kf.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
 const useTabContentTouch = (props, tabMethods, taro, useTaroRect) => {
   const tabsContentRef = ref();
   const tabsContentRefRect = ref({ width: 0, height: 0 });
@@ -433,9 +433,9 @@ const _sfc_main = create({
         return {};
       const px = pxCheck(props.titleGutter);
       if (props.direction === "vertical") {
-        return { marginTop: px, marginBottom: px };
+        return { paddingTop: px, paddingBottom: px };
       }
-      return { marginLeft: px, marginRight: px };
+      return { paddingLeft: px, paddingRight: px };
     });
     return __spreadValues(__spreadValues({
       navRef,

package/dist/packages/tag/Tag.js

@@ -19,7 +19,7 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createBlock, unref, withModifiers, createCommentVNode } from "vue";
 import { Close } from "@nutui/icons-vue";
-import { w as withInstall } from "../with-install-p59gYYU_.js";
+import { w as withInstall } from "../with-install-Ch3FF0uS.js";
 const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
   name: "NutTag"
 }), {