@nutui/nutui 3.3.1 → 4.0.0-beta.0

package/dist/packages/_es/{SubSideNavBar.js → SubSideNavbar.js}

@@ -1,13 +1,14 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.0 Mon Dec 26 2022 00:00:21 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { reactive, computed, onMounted, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, withModifiers, toDisplayString, createVNode, normalizeStyle, renderSlot } from "vue";
-import { c as createComponent } from "./component.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { reactive, computed, onMounted, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, withModifiers, toDisplayString, createBlock, normalizeStyle, renderSlot } from "vue";
+import { c as createComponent } from "./component.fb9ce7ad.js";
+import { ArrowDown2, ArrowUp2 } from "@nutui/icons-vue";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper.bf57b04e.js";
 import "../locale/lang";
-const { componentName, create } = createComponent("subsidenavbar");
+const { componentName, create } = createComponent("sub-side-navbar");
 const _sfc_main = create({
   props: {
     title: {
@@ -23,6 +24,7 @@ const _sfc_main = create({
       default: true
     }
   },
+  components: { ArrowDown2, ArrowUp2 },
   emits: ["title-click"],
   setup: (props, context) => {
     const state = reactive({
@@ -55,33 +57,33 @@ const _sfc_main = create({
   }
 });
 const _hoisted_1 = ["ikey"];
-const _hoisted_2 = { class: "nut-subsidenavbar__title__text" };
-const _hoisted_3 = { class: "nut-subsidenavbar__title__icon" };
+const _hoisted_2 = { class: "nut-sub-side-navbar__title__text" };
+const _hoisted_3 = { class: "nut-sub-side-navbar__title__icon" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_icon = resolveComponent("nut-icon");
+  const _component_ArrowDown2 = resolveComponent("ArrowDown2");
+  const _component_ArrowUp2 = resolveComponent("ArrowUp2");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
     ikey: _ctx.ikey
   }, [
     createElementVNode("view", {
-      class: "nut-subsidenavbar__title",
+      class: "nut-sub-side-navbar__title",
       onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"]))
     }, [
       createElementVNode("span", _hoisted_2, toDisplayString(_ctx.title), 1),
       createElementVNode("span", _hoisted_3, [
-        createVNode(_component_nut_icon, {
-          name: "down-arrow",
-          class: normalizeClass(_ctx.direction)
-        }, null, 8, ["class"])
+        !_ctx.direction ? (openBlock(), createBlock(_component_ArrowDown2, { key: 0 })) : (openBlock(), createBlock(_component_ArrowUp2, { key: 1 }))
       ])
     ]),
     createElementVNode("view", {
-      class: normalizeClass(["nut-subsidenavbar__list", !_ctx.direction ? "nutFadeIn" : "nutFadeOut"]),
+      class: normalizeClass(["nut-sub-side-navbar__list", !_ctx.direction ? "nutFadeIn" : "nutFadeOut"]),
       style: normalizeStyle(_ctx.style)
     }, [
       renderSlot(_ctx.$slots, "default")
     ], 6)
   ], 10, _hoisted_1);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};

package/dist/packages/_es/Swipe.js

@@ -1,12 +1,12 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.0 Mon Dec 26 2022 00:00:21 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { u as useTouch } from "./index4.js";
+import { u as useTouch } from "./index.983240fc.js";
 import { computed, ref, reactive, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot } from "vue";
-import { c as createComponent } from "./component.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { c as createComponent } from "./component.fb9ce7ad.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper.bf57b04e.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("swipe");
 const _sfc_main = create({
@@ -184,5 +184,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 512)
   ], 38);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};

package/dist/packages/_es/Swiper.js

@@ -1,15 +1,61 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.0 Mon Dec 26 2022 00:00:21 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { ref, reactive, computed, provide, onDeactivated, onBeforeUnmount, watch, nextTick, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, renderSlot, Fragment, renderList, createCommentVNode } from "vue";
-import { c as createComponent, d as clamp } from "./component.js";
-import { u as useTouch } from "./index4.js";
-import { u as useExpose } from "./index3.js";
-import { r as requestAniFrame } from "./raf.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { reactive, ref, computed, provide, onDeactivated, onBeforeUnmount, watch, nextTick, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, renderSlot, Fragment, renderList, createCommentVNode } from "vue";
+import { c as createComponent } from "./component.fb9ce7ad.js";
+import { u as useExpose } from "./index.617ba243.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper.bf57b04e.js";
 import "../locale/lang";
+const DISTANCE = 5;
+function useTouch() {
+  const state = reactive({
+    startX: 0,
+    startY: 0,
+    deltaX: 0,
+    deltaY: 0,
+    offsetX: 0,
+    offsetY: 0,
+    direction: ""
+  });
+  const getDirection = (x, y) => {
+    if (x > y && x > DISTANCE)
+      return "horizontal";
+    if (y > x && y > DISTANCE)
+      return "vertical";
+    return "";
+  };
+  const reset = () => {
+    state.startX = 0;
+    state.startY = 0;
+    state.deltaX = 0;
+    state.deltaY = 0;
+    state.offsetX = 0;
+    state.offsetY = 0;
+    state.direction = "";
+  };
+  const start = (e) => {
+    reset();
+    state.startX = e.touches[0].clientX;
+    state.startY = e.touches[0].clientY;
+  };
+  const move = (e) => {
+    state.deltaX = e.touches[0].clientX - state.startX;
+    state.deltaY = e.touches[0].clientY - state.startY;
+    state.offsetX = Math.abs(state.deltaX);
+    state.offsetY = Math.abs(state.deltaY);
+    if (!state.direction) {
+      state.direction = getDirection(state.offsetX, state.offsetY);
+    }
+  };
+  return {
+    state,
+    start,
+    reset,
+    move
+  };
+}
 const { create, componentName } = createComponent("swiper");
 const _sfc_main = create({
   props: {
@@ -22,7 +68,7 @@ const _sfc_main = create({
       default: 0
     },
     direction: {
-      type: String,
+      type: [String],
       default: "horizontal"
     },
     paginationVisible: {
@@ -91,25 +137,11 @@ const _sfc_main = create({
       };
     });
     const isVertical = computed(() => props.direction === "vertical");
-    const classesInner = computed(() => {
-      const prefixCls = componentName;
-      return {
-        [`${prefixCls}-inner`]: true,
-        [`${prefixCls}-vertical`]: isVertical.value
-      };
-    });
-    const classesPagination = computed(() => {
-      const prefixCls = componentName;
-      return {
-        [`${prefixCls}-pagination`]: true,
-        [`${prefixCls}-pagination-vertical`]: isVertical.value
-      };
-    });
     const delTa = computed(() => {
-      return isVertical.value ? touch.deltaY.value : touch.deltaX.value;
+      return isVertical.value ? touch.state.deltaY : touch.state.deltaX;
     });
     const isCorrectDirection = computed(() => {
-      return touch.direction.value === props.direction;
+      return touch.state.direction === props.direction;
     });
     const childCount = computed(() => state.children.length);
     const size = computed(() => state[isVertical.value ? "height" : "width"]);
@@ -124,7 +156,12 @@ const _sfc_main = create({
     const activePagination = computed(() => (state.active + childCount.value) % childCount.value);
     const getStyle = () => {
       let offset = 0;
-      offset = state.offset;
+      if (!props.isCenter) {
+        offset = state.offset;
+      } else {
+        let val = isVertical.value ? state.rect.height - size.value : state.rect.width - size.value;
+        offset = state.offset + (state.active === childCount.value - 1 ? -val / 2 : val / 2);
+      }
       state.style = {
         transitionDuration: `${state.moving ? 0 : props.duration}ms`,
         transform: `translate${isVertical.value ? "Y" : "X"}(${offset}px)`,
@@ -135,27 +172,26 @@ const _sfc_main = create({
     const relation = (child) => {
       var _a;
       let children = [];
-      const childrenVNodeLen = state.childrenVNode.length;
       let slot = (_a = slots == null ? void 0 : slots.default) == null ? void 0 : _a.call(slots);
       slot = slot.filter((item) => item.children && Array.isArray(item.children));
       slot.forEach((item) => {
         children = children.concat(item.children);
       });
-      if (!childrenVNodeLen) {
+      if (!state.childrenVNode.length) {
         state.childrenVNode = children.slice();
         child.proxy && state.children.push(child.proxy);
       } else {
-        if (childrenVNodeLen > children.length) {
+        if (state.childrenVNode.length > children.length) {
           state.children = state.children.filter((item) => child.proxy !== item);
-        } else if (childrenVNodeLen < children.length) {
-          for (let i = 0; i < childrenVNodeLen; i++) {
+        } else if (state.childrenVNode.length < children.length) {
+          for (let i = 0; i < state.childrenVNode.length; i++) {
             if (children[i].key !== state.childrenVNode[i].key) {
               child.proxy && state.children.splice(i, 0, child.proxy);
               child.vnode && state.childrenVNode.splice(i, 0, child.vnode);
               break;
             }
           }
-          if (childrenVNodeLen !== children.length) {
+          if (state.childrenVNode.length !== children.length) {
             child.proxy && state.children.push(child.proxy);
             child.vnode && state.childrenVNode.push(child.vnode);
           }
@@ -165,6 +201,12 @@ const _sfc_main = create({
         }
       }
     };
+    const range = (num, min, max) => {
+      return Math.min(Math.max(num, min), max);
+    };
+    const requestFrame = (fn) => {
+      window.requestAnimationFrame.call(window, fn);
+    };
     const getOffset = (active, offset = 0) => {
       let currentPosition = active * size.value;
       if (!props.loop) {
@@ -172,7 +214,7 @@ const _sfc_main = create({
       }
       let targetOffset = offset - currentPosition;
       if (!props.loop) {
-        targetOffset = clamp(targetOffset, minOffset.value, 0);
+        targetOffset = range(targetOffset, minOffset.value, 0);
       }
       return targetOffset;
     };
@@ -180,9 +222,9 @@ const _sfc_main = create({
       const { active } = state;
       if (pace) {
         if (props.loop) {
-          return clamp(active + pace, -1, childCount.value);
+          return range(active + pace, -1, childCount.value);
         }
-        return clamp(active + pace, 0, childCount.value - 1);
+        return range(active + pace, 0, childCount.value - 1);
       }
       return active;
     };
@@ -221,39 +263,48 @@ const _sfc_main = create({
     const stopAutoPlay = () => {
       clearTimeout(state.autoplayTimer);
     };
-    const jump = (pace) => {
+    const prev = () => {
       resettPosition();
       touch.reset();
-      requestAniFrame(() => {
-        requestAniFrame(() => {
+      requestFrame(() => {
+        requestFrame(() => {
           state.moving = false;
           move({
-            pace,
+            pace: -1,
             isEmit: true
           });
         });
       });
     };
-    const prev = () => {
-      jump(-1);
-    };
     const next = () => {
-      jump(1);
+      resettPosition();
+      touch.reset();
+      requestFrame(() => {
+        requestFrame(() => {
+          state.moving = false;
+          move({
+            pace: 1,
+            isEmit: true
+          });
+        });
+      });
     };
     const to = (index) => {
       resettPosition();
       touch.reset();
-      requestAniFrame(() => {
-        state.moving = false;
-        let targetIndex;
-        if (props.loop && childCount.value === index) {
-          targetIndex = state.active === 0 ? 0 : index;
-        } else {
-          targetIndex = index % childCount.value;
-        }
-        move({
-          pace: targetIndex - state.active,
-          isEmit: true
+      requestFrame(() => {
+        requestFrame(() => {
+          state.moving = false;
+          let targetIndex;
+          if (props.loop && childCount.value === index) {
+            targetIndex = state.active === 0 ? 0 : index;
+          } else {
+            targetIndex = index % childCount.value;
+          }
+          move({
+            pace: targetIndex - state.active,
+            isEmit: true
+          });
         });
       });
     };
@@ -307,7 +358,7 @@ const _sfc_main = create({
       const isShouldMove = Math.abs(speed) > 0.3 || Math.abs(delTa.value) > +(size.value / 2).toFixed(2);
       if (isShouldMove && isCorrectDirection.value) {
         let pace = 0;
-        const offset = isVertical.value ? touch.offsetY.value : touch.offsetX.value;
+        const offset = isVertical.value ? touch.state.offsetY : touch.state.offsetX;
         if (props.loop) {
           pace = offset > 0 ? delTa.value > 0 ? -1 : 1 : 0;
         } else {
@@ -365,9 +416,10 @@ const _sfc_main = create({
     return {
       state,
       classes,
-      classesInner,
-      classesPagination,
       container,
+      componentName,
+      isVertical,
+      slots,
       activePagination,
       onTouchStart,
       onTouchMove,
@@ -385,15 +437,21 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     onTouchcancel: _cache[3] || (_cache[3] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args))
   }, [
     createElementVNode("view", {
-      class: normalizeClass(_ctx.classesInner),
+      class: normalizeClass({
+        [`${_ctx.componentName}-inner`]: true,
+        [`${_ctx.componentName}-vertical`]: _ctx.isVertical
+      }),
       style: normalizeStyle(_ctx.state.style)
     }, [
       renderSlot(_ctx.$slots, "default")
     ], 6),
     renderSlot(_ctx.$slots, "page"),
-    _ctx.paginationVisible && !_ctx.$slots.page ? (openBlock(), createElementBlock("view", {
+    _ctx.paginationVisible && !_ctx.slots.page ? (openBlock(), createElementBlock("view", {
       key: 0,
-      class: normalizeClass(_ctx.classesPagination)
+      class: normalizeClass({
+        [`${_ctx.componentName}-pagination`]: true,
+        [`${_ctx.componentName}-pagination-vertical`]: _ctx.isVertical
+      })
     }, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.state.children.length, (item, index) => {
         return openBlock(), createElementBlock("i", {
@@ -407,5 +465,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)) : createCommentVNode("", true)
   ], 34);
 }
-var Swiper = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { Swiper as default };
+const Swiper = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  Swiper as default
+};

package/dist/packages/_es/SwiperItem.js

@@ -1,12 +1,12 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.0 Mon Dec 26 2022 00:00:21 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { inject, getCurrentInstance, reactive, computed, onUnmounted, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot } from "vue";
-import { c as createComponent } from "./component.js";
-import { u as useExpose } from "./index3.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { c as createComponent } from "./component.fb9ce7ad.js";
+import { u as useExpose } from "./index.617ba243.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper.bf57b04e.js";
 import "../locale/lang";
 const { create, componentName } = createComponent("swiper-item");
 const _sfc_main = create({
@@ -54,5 +54,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 6);
 }
-var SwiperItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { SwiperItem as default };
+const SwiperItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  SwiperItem as default
+};

package/dist/packages/_es/Switch.js

@@ -1,14 +1,16 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.0 Mon Dec 26 2022 00:00:21 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { computed, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, createBlock, mergeProps, createCommentVNode, Fragment, withDirectives, toDisplayString, vShow } from "vue";
-import { c as createComponent } from "./component.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { computed, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, createVNode, createCommentVNode, Fragment, withDirectives, toDisplayString, vShow } from "vue";
+import { c as createComponent } from "./component.fb9ce7ad.js";
+import { Loading1 } from "@nutui/icons-vue";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper.bf57b04e.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("switch");
 const _sfc_main = create({
+  components: { Loading1 },
   props: {
     modelValue: {
       type: [String, Number, Boolean],
@@ -45,18 +47,6 @@ const _sfc_main = create({
     loading: {
       type: Boolean,
       default: false
-    },
-    name: {
-      type: String,
-      default: "loading1"
-    },
-    size: {
-      type: [String, Number],
-      default: "12px"
-    },
-    color: {
-      type: String,
-      default: ""
     }
   },
   emits: ["change", "update:modelValue", "update:loading"],
@@ -66,7 +56,7 @@ const _sfc_main = create({
       const prefixCls = componentName;
       return {
         [prefixCls]: true,
-        [isActive.value ? "switch-open" : "switch-close"]: true,
+        [isActive.value ? "nut-switch-open" : "nut-switch-close"]: true,
         [`${prefixCls}-disable`]: props.disable,
         [`${prefixCls}-base`]: true
       };
@@ -102,22 +92,18 @@ const _sfc_main = create({
     };
   }
 });
-const _hoisted_1 = { class: "switch-button" };
+const _hoisted_1 = { class: "nut-switch-button" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_icon = resolveComponent("nut-icon");
+  const _component_Loading1 = resolveComponent("Loading1");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args)),
     style: normalizeStyle(_ctx.style)
   }, [
     createElementVNode("view", _hoisted_1, [
-      _ctx.loading ? (openBlock(), createBlock(_component_nut_icon, mergeProps({
-        key: 0,
-        name: _ctx.name
-      }, _ctx.$attrs, {
-        size: _ctx.size,
-        color: _ctx.color
-      }), null, 16, ["name", "size", "color"])) : createCommentVNode("", true),
+      _ctx.loading ? renderSlot(_ctx.$slots, "icon", { key: 0 }, () => [
+        createVNode(_component_Loading1)
+      ]) : createCommentVNode("", true),
       _ctx.activeText ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
         withDirectives(createElementVNode("view", { class: "nut-switch-label open" }, toDisplayString(_ctx.activeText), 513), [
           [vShow, _ctx.modelValue]
@@ -129,5 +115,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 6);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};

package/dist/packages/_es/TabPane.js

@@ -1,13 +1,13 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.0 Mon Dec 26 2022 00:00:21 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { inject, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
-import { c as createComponent } from "./component.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { c as createComponent } from "./component.fb9ce7ad.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper.bf57b04e.js";
 import "../locale/lang";
-const { create } = createComponent("tabpane");
+const { create } = createComponent("tab-pane");
 const _sfc_main = create({
   props: {
     title: {
@@ -35,10 +35,12 @@ const _sfc_main = create({
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
-    class: normalizeClass(["nut-tabpane", { inactive: _ctx.paneKey != _ctx.activeKey && _ctx.autoHeight }])
+    class: normalizeClass(["nut-tab-pane", { inactive: _ctx.paneKey != _ctx.activeKey && _ctx.autoHeight }])
   }, [
     renderSlot(_ctx.$slots, "default")
   ], 2);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};

package/dist/packages/_es/Tabbar.js

@@ -1,17 +1,16 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.0 Mon Dec 26 2022 00:00:21 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { toRefs, ref, reactive, provide, watch, onMounted, nextTick, openBlock, createElementBlock, normalizeStyle, createElementVNode, normalizeClass, renderSlot } from "vue";
-import { c as createComponent } from "./component.js";
-import { u as useRect } from "./index2.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { toRefs, ref, reactive, provide, watch, onMounted, nextTick, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot } from "vue";
+import { c as createComponent } from "./component.fb9ce7ad.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper.bf57b04e.js";
 import "../locale/lang";
 const { create } = createComponent("tabbar");
 const _sfc_main = create({
   props: {
-    visible: {
+    modelValue: {
       type: [Number, String],
       default: 0
     },
@@ -19,9 +18,9 @@ const _sfc_main = create({
       type: Boolean,
       default: false
     },
-    size: {
+    type: {
       type: String,
-      default: "20px"
+      default: "base"
     },
     unactiveColor: {
       type: String,
@@ -40,23 +39,22 @@ const _sfc_main = create({
       default: false
     }
   },
-  emits: ["tab-switch", "update:visible"],
+  emits: ["tab-switch", "update:modelValue"],
   setup(props, { emit, slots }) {
     const { bottom, placeholder } = toRefs(props);
     const height = ref();
     const mdValue = reactive({
-      val: props.visible,
+      val: props.modelValue,
       children: []
     });
-    const nutTabbar = ref();
+    const nutTabbar = ref(null);
     function changeIndex(index2, active) {
-      emit("update:visible", active);
+      emit("update:modelValue", active);
       parentData.modelValue = active;
       emit("tab-switch", parentData.children[index2], active);
     }
     let parentData = reactive({
       children: mdValue.children,
-      size: props.size,
       modelValue: mdValue.val,
       unactiveColor: props.unactiveColor,
       activeColor: props.activeColor,
@@ -64,7 +62,7 @@ const _sfc_main = create({
     });
     provide("parent", parentData);
     watch(
-      () => props.visible,
+      () => props.modelValue,
       (value) => {
         parentData.modelValue = value;
       }
@@ -72,7 +70,8 @@ const _sfc_main = create({
     onMounted(() => {
       if (bottom.value && placeholder.value) {
         nextTick(() => {
-          height.value = useRect(nutTabbar).height;
+          var _a;
+          height.value = (_a = nutTabbar == null ? void 0 : nutTabbar.value) == null ? void 0 : _a.getBoundingClientRect().height;
         });
       }
     });
@@ -84,9 +83,8 @@ const _sfc_main = create({
   }
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return _ctx.bottom && _ctx.placeholder ? (openBlock(), createElementBlock("div", {
-    key: 0,
-    class: "nut-tabbar__placeholder",
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass({ "nut-tabbar__placeholder": _ctx.bottom && _ctx.placeholder }),
     style: normalizeStyle({ height: _ctx.height + "px" })
   }, [
     createElementVNode("view", {
@@ -95,12 +93,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, [
       renderSlot(_ctx.$slots, "default")
     ], 2)
-  ], 4)) : (openBlock(), createElementBlock("view", {
-    key: 1,
-    class: normalizeClass(["nut-tabbar", { "nut-tabbar-bottom": _ctx.bottom, "nut-tabbar-safebottom": _ctx.safeAreaInsetBottom }])
-  }, [
-    renderSlot(_ctx.$slots, "default")
-  ], 2));
+  ], 6);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};