@varlet/ui 2.16.7 → 2.16.8-alpha.1695227124357

package/es/tabs/Tabs.mjs

@@ -1,79 +1,130 @@
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-import VarSticky from '../sticky/index.mjs';
-import { defineComponent, watch, ref, computed, Transition, onActivated } from 'vue';
-import { props } from './props.mjs';
-import { useTabList } from './provide.mjs';
-import { clamp, isNumber, doubleRaf } from '@varlet/shared';
-import { linear } from '../utils/shared.mjs';
-import { toSizeUnit, scrollTo } from '../utils/elements.mjs';
-import { createNamespace, call, formatElevation } from '../utils/components.mjs';
-import { onWindowResize } from '@varlet/use';
-var {
-  name,
-  n,
-  classes
-} = createNamespace('tabs');
+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 VarSticky from "../sticky/index.mjs";
+import { defineComponent, watch, ref, computed, Transition, onActivated } from "vue";
+import { props } from "./props.mjs";
+import { useTabList } from "./provide.mjs";
+import { clamp, isNumber, doubleRaf } from "@varlet/shared";
+import { linear } from "../utils/shared.mjs";
+import { toSizeUnit, scrollTo } from "../utils/elements.mjs";
+import { createNamespace, call, formatElevation } from "../utils/components.mjs";
+import { onWindowResize } from "@varlet/use";
+const { name, n, classes } = createNamespace("tabs");
 import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, mergeProps as _mergeProps, resolveDynamicComponent as _resolveDynamicComponent, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock } from "vue";
 function __render__(_ctx, _cache) {
-  return _openBlock(), _createBlock(_resolveDynamicComponent(_ctx.sticky ? _ctx.n('$-sticky') : _ctx.Transition), {
-    ref: _ctx.sticky ? 'stickyComponent' : undefined,
-    "css-mode": _ctx.sticky ? _ctx.stickyCssMode : undefined,
-    "offset-top": _ctx.sticky ? _ctx.offsetTop : undefined,
-    "z-index": _ctx.sticky ? _ctx.stickyZIndex : undefined
+  return _openBlock(), _createBlock(_resolveDynamicComponent(_ctx.sticky ? _ctx.n("$-sticky") : _ctx.Transition), {
+    ref: _ctx.sticky ? "stickyComponent" : void 0,
+    "css-mode": _ctx.sticky ? _ctx.stickyCssMode : void 0,
+    "offset-top": _ctx.sticky ? _ctx.offsetTop : void 0,
+    "z-index": _ctx.sticky ? _ctx.stickyZIndex : void 0
   }, {
-    default: _withCtx(() => [_createElementVNode("div", _mergeProps({
-      class: _ctx.classes(_ctx.n(), _ctx.n('$--box'), _ctx.n("--item-" + _ctx.itemDirection), _ctx.n("--layout-" + _ctx.layoutDirection + "-padding"), _ctx.formatElevation(_ctx.elevation, 4), [_ctx.fixedBottom, _ctx.n('--fixed-bottom')], [_ctx.safeArea, _ctx.n('--safe-area')]),
-      style: {
-        background: _ctx.color
-      }
-    }, _ctx.$attrs), [_createElementVNode("div", {
-      ref: "scrollerEl",
-      class: _normalizeClass(_ctx.classes(_ctx.n('tab-wrap'), [_ctx.localScrollable, _ctx.n("--layout-" + _ctx.layoutDirection + "-scrollable")], _ctx.n("--layout-" + _ctx.layoutDirection)))
-    }, [_renderSlot(_ctx.$slots, "default"), _createElementVNode("div", {
-      class: _normalizeClass(_ctx.classes(_ctx.n('indicator'), _ctx.n("--layout-" + _ctx.layoutDirection + _ctx.indicatorPosition + "-indicator"))),
-      style: _normalizeStyle({
-        width: _ctx.layoutDirection === 'horizontal' ? _ctx.indicatorWidth : _ctx.toSizeUnit(_ctx.indicatorSize),
-        height: _ctx.layoutDirection === 'horizontal' ? _ctx.toSizeUnit(_ctx.indicatorSize) : _ctx.indicatorHeight,
-        transform: _ctx.layoutDirection === 'horizontal' ? "translateX(" + _ctx.indicatorX + ")" : "translateY(" + _ctx.indicatorY + ")"
-      })
-    }, [_createElementVNode("div", {
-      class: _normalizeClass(_ctx.classes(_ctx.n('indicator-inner'), _ctx.n("--layout-" + _ctx.layoutDirection + "-indicator-inner"))),
-      style: _normalizeStyle({
-        background: _ctx.indicatorColor || _ctx.activeColor
-      })
-    }, null, 6 /* CLASS, STYLE */)], 6 /* CLASS, STYLE */)], 2 /* CLASS */)], 16 /* FULL_PROPS */)]),
-
-    _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["css-mode", "offset-top", "z-index"]);
+    default: _withCtx(() => [
+      _createElementVNode(
+        "div",
+        _mergeProps({
+          class: _ctx.classes(
+            _ctx.n(),
+            _ctx.n("$--box"),
+            _ctx.n(`--item-${_ctx.itemDirection}`),
+            _ctx.n(`--layout-${_ctx.layoutDirection}-padding`),
+            _ctx.formatElevation(_ctx.elevation, 4),
+            [_ctx.fixedBottom, _ctx.n("--fixed-bottom")],
+            [_ctx.safeArea, _ctx.n("--safe-area")]
+          ),
+          style: { background: _ctx.color }
+        }, _ctx.$attrs),
+        [
+          _createElementVNode(
+            "div",
+            {
+              ref: "scrollerEl",
+              class: _normalizeClass(
+                _ctx.classes(
+                  _ctx.n("tab-wrap"),
+                  [_ctx.localScrollable, _ctx.n(`--layout-${_ctx.layoutDirection}-scrollable`)],
+                  _ctx.n(`--layout-${_ctx.layoutDirection}`)
+                )
+              )
+            },
+            [
+              _renderSlot(_ctx.$slots, "default"),
+              _createElementVNode(
+                "div",
+                {
+                  class: _normalizeClass(_ctx.classes(_ctx.n("indicator"), _ctx.n(`--layout-${_ctx.layoutDirection}${_ctx.indicatorPosition}-indicator`))),
+                  style: _normalizeStyle({
+                    width: _ctx.layoutDirection === "horizontal" ? _ctx.indicatorWidth : _ctx.toSizeUnit(_ctx.indicatorSize),
+                    height: _ctx.layoutDirection === "horizontal" ? _ctx.toSizeUnit(_ctx.indicatorSize) : _ctx.indicatorHeight,
+                    transform: _ctx.layoutDirection === "horizontal" ? `translateX(${_ctx.indicatorX})` : `translateY(${_ctx.indicatorY})`
+                  })
+                },
+                [
+                  _createElementVNode(
+                    "div",
+                    {
+                      class: _normalizeClass(_ctx.classes(_ctx.n("indicator-inner"), _ctx.n(`--layout-${_ctx.layoutDirection}-indicator-inner`))),
+                      style: _normalizeStyle({ background: _ctx.indicatorColor || _ctx.activeColor })
+                    },
+                    null,
+                    6
+                    /* CLASS, STYLE */
+                  )
+                ],
+                6
+                /* CLASS, STYLE */
+              )
+            ],
+            2
+            /* CLASS */
+          )
+        ],
+        16
+        /* FULL_PROPS */
+      )
+    ]),
+    _: 3
+    /* FORWARDED */
+  }, 8, ["css-mode", "offset-top", "z-index"]);
 }
-var __sfc__ = defineComponent({
+const __sfc__ = defineComponent({
   name,
-  components: {
-    VarSticky
-  },
+  components: { VarSticky },
   inheritAttrs: false,
   props,
-  setup(props) {
-    var indicatorWidth = ref('0px');
-    var indicatorHeight = ref('0px');
-    var indicatorX = ref('0px');
-    var indicatorY = ref('0px');
-    var localScrollable = ref(false);
-    var scrollerEl = ref(null);
-    var active = computed(() => props.active);
-    var activeColor = computed(() => props.activeColor);
-    var inactiveColor = computed(() => props.inactiveColor);
-    var disabledColor = computed(() => props.disabledColor);
-    var itemDirection = computed(() => props.itemDirection);
-    var stickyComponent = ref(null);
-    var indicatorPosition = computed(() => props.indicatorPosition === 'reverse' ? '-reverse' : '');
-    var {
-      tabList,
-      bindTabList,
-      length
-    } = useTabList();
-    var tabsProvider = {
+  setup(props2) {
+    const indicatorWidth = ref("0px");
+    const indicatorHeight = ref("0px");
+    const indicatorX = ref("0px");
+    const indicatorY = ref("0px");
+    const localScrollable = ref(false);
+    const scrollerEl = ref(null);
+    const active = computed(() => props2.active);
+    const activeColor = computed(() => props2.activeColor);
+    const inactiveColor = computed(() => props2.inactiveColor);
+    const disabledColor = computed(() => props2.disabledColor);
+    const itemDirection = computed(() => props2.itemDirection);
+    const stickyComponent = ref(null);
+    const indicatorPosition = computed(() => props2.indicatorPosition === "reverse" ? "-reverse" : "");
+    const { tabList, bindTabList, length } = useTabList();
+    const tabsProvider = {
       active,
       activeColor,
       inactiveColor,
@@ -83,98 +134,78 @@ var __sfc__ = defineComponent({
       onTabClick
     };
     bindTabList(tabsProvider);
-    watch(() => length.value, /*#__PURE__*/_asyncToGenerator(function* () {
-      yield doubleRaf();
-      resize();
-    }));
-    watch(() => [props.active, props.scrollable], resize);
+    watch(
+      () => length.value,
+      () => __async(this, null, function* () {
+        yield doubleRaf();
+        resize();
+      })
+    );
+    watch(() => [props2.active, props2.scrollable], resize);
     onActivated(resize);
     onWindowResize(resize);
     function onTabClick(tab) {
-      var _tab$name$value;
-      var currentActive = (_tab$name$value = tab.name.value) != null ? _tab$name$value : tab.index.value;
-      var {
-        active,
-        onChange,
-        onClick
-      } = props;
-      call(props['onUpdate:active'], currentActive);
+      var _a;
+      const currentActive = (_a = tab.name.value) != null ? _a : tab.index.value;
+      const { active: active2, onChange, onClick } = props2;
+      call(props2["onUpdate:active"], currentActive);
       call(onClick, currentActive);
-      currentActive !== active && call(onChange, currentActive);
+      currentActive !== active2 && call(onChange, currentActive);
     }
     function matchName() {
-      return tabList.find(_ref2 => {
-        var {
-          name
-        } = _ref2;
-        return props.active === name.value;
-      });
+      return tabList.find(({ name: name2 }) => props2.active === name2.value);
     }
     function matchIndex(activeIndex) {
-      return tabList.find(_ref3 => {
-        var {
-          index
-        } = _ref3;
-        return (activeIndex != null ? activeIndex : props.active) === index.value;
-      });
+      return tabList.find(({ index }) => (activeIndex != null ? activeIndex : props2.active) === index.value);
     }
     function matchBoundary() {
       if (length.value === 0) {
         return;
       }
-      var {
-        active
-      } = props;
-      if (isNumber(active)) {
-        var activeIndex = clamp(active, 0, length.value - 1);
-        call(props['onUpdate:active'], activeIndex);
+      const { active: active2 } = props2;
+      if (isNumber(active2)) {
+        const activeIndex = clamp(active2, 0, length.value - 1);
+        call(props2["onUpdate:active"], activeIndex);
         return matchIndex(activeIndex);
       }
     }
     function watchScrollable() {
-      localScrollable.value = props.scrollable === 'always' || tabList.length >= 5;
+      localScrollable.value = props2.scrollable === "always" || tabList.length >= 5;
     }
-    function moveIndicator(_ref4) {
-      var {
-        element
-      } = _ref4;
-      var el = element.value;
-      if (!el) return;
-      if (props.layoutDirection === 'horizontal') {
-        indicatorWidth.value = el.offsetWidth + "px";
-        indicatorX.value = el.offsetLeft + "px";
+    function moveIndicator({ element }) {
+      const el = element.value;
+      if (!el)
+        return;
+      if (props2.layoutDirection === "horizontal") {
+        indicatorWidth.value = `${el.offsetWidth}px`;
+        indicatorX.value = `${el.offsetLeft}px`;
       } else {
-        indicatorHeight.value = el.offsetHeight + "px";
-        indicatorY.value = el.offsetTop + "px";
+        indicatorHeight.value = `${el.offsetHeight}px`;
+        indicatorY.value = `${el.offsetTop}px`;
       }
     }
-    function scrollToCenter(_ref5) {
-      var {
-        element
-      } = _ref5;
+    function scrollToCenter({ element }) {
       if (!localScrollable.value) {
         return;
       }
-      var scroller = scrollerEl.value;
-      var el = element.value;
-      if (props.layoutDirection === 'horizontal') {
-        var left = el.offsetLeft + el.offsetWidth / 2 - scroller.offsetWidth / 2;
+      const scroller = scrollerEl.value;
+      const el = element.value;
+      if (props2.layoutDirection === "horizontal") {
+        const left = el.offsetLeft + el.offsetWidth / 2 - scroller.offsetWidth / 2;
         scrollTo(scroller, {
           left,
           animation: linear
         });
       } else {
-        var top = el.offsetTop + el.offsetHeight / 2 - scroller.offsetHeight / 2;
+        const top = el.offsetTop + el.offsetHeight / 2 - scroller.offsetHeight / 2;
         scrollTo(scroller, {
           top,
           animation: linear
         });
       }
     }
-
-    // expose
     function resize() {
-      var tab = matchName() || matchIndex() || matchBoundary();
+      const tab = matchName() || matchIndex() || matchBoundary();
       if (!tab || tab.disabled.value) {
         return;
       }
@@ -182,18 +213,12 @@ var __sfc__ = defineComponent({
       moveIndicator(tab);
       scrollToCenter(tab);
     }
-
-    // expose
     function resizeSticky() {
-      return _resizeSticky.apply(this, arguments);
-    }
-    function _resizeSticky() {
-      _resizeSticky = _asyncToGenerator(function* () {
-        if (props.sticky && stickyComponent.value) {
+      return __async(this, null, function* () {
+        if (props2.sticky && stickyComponent.value) {
           yield stickyComponent.value.resize();
         }
       });
-      return _resizeSticky.apply(this, arguments);
     }
     return {
       stickyComponent,
@@ -215,4 +240,7 @@ var __sfc__ = defineComponent({
   }
 });
 __sfc__.render = __render__;
-export default __sfc__;
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};

package/es/tabs/index.mjs

@@ -1,6 +1,11 @@
-import Tabs from './Tabs.mjs';
-import { withInstall } from '../utils/components.mjs';
+import Tabs from "./Tabs.mjs";
+import { withInstall } from "../utils/components.mjs";
 withInstall(Tabs);
-export { props as tabsProps } from './props.mjs';
-export var _TabsComponent = Tabs;
-export default Tabs;
+import { props } from "./props.mjs";
+const _TabsComponent = Tabs;
+var stdin_default = Tabs;
+export {
+  _TabsComponent,
+  stdin_default as default,
+  props as tabsProps
+};

package/es/tabs/props.mjs

@@ -1,17 +1,17 @@
-import { defineListenerProp, pickProps } from '../utils/components.mjs';
-import { props as stickyProps } from '../sticky/props.mjs';
-export var props = {
+import { defineListenerProp, pickProps } from "../utils/components.mjs";
+import { props as stickyProps } from "../sticky/props.mjs";
+const props = {
   active: {
     type: [String, Number],
     default: 0
   },
   layoutDirection: {
     type: String,
-    default: 'horizontal'
+    default: "horizontal"
   },
   itemDirection: {
     type: String,
-    default: 'horizontal'
+    default: "horizontal"
   },
   fixedBottom: Boolean,
   activeColor: String,
@@ -26,18 +26,21 @@ export var props = {
   },
   scrollable: {
     type: String,
-    default: 'auto'
+    default: "auto"
   },
   indicatorPosition: {
     type: String,
-    default: 'normal'
+    default: "normal"
   },
   safeArea: Boolean,
   sticky: Boolean,
-  stickyCssMode: pickProps(stickyProps, 'cssMode'),
-  stickyZIndex: pickProps(stickyProps, 'zIndex'),
-  offsetTop: pickProps(stickyProps, 'offsetTop'),
+  stickyCssMode: pickProps(stickyProps, "cssMode"),
+  stickyZIndex: pickProps(stickyProps, "zIndex"),
+  offsetTop: pickProps(stickyProps, "offsetTop"),
   onClick: defineListenerProp(),
   onChange: defineListenerProp(),
-  'onUpdate:active': defineListenerProp()
-};
+  "onUpdate:active": defineListenerProp()
+};
+export {
+  props
+};

package/es/tabs/provide.mjs

@@ -1,14 +1,14 @@
-import { useChildren } from '@varlet/use';
-export var TABS_BIND_TAB_KEY = Symbol('TABS_BIND_TAB_KEY');
-export function useTabList() {
-  var {
-    childProviders,
-    bindChildren,
-    length
-  } = useChildren(TABS_BIND_TAB_KEY);
+import { useChildren } from "@varlet/use";
+const TABS_BIND_TAB_KEY = Symbol("TABS_BIND_TAB_KEY");
+function useTabList() {
+  const { childProviders, bindChildren, length } = useChildren(TABS_BIND_TAB_KEY);
   return {
     length,
     tabList: childProviders,
     bindTabList: bindChildren
   };
-}
+}
+export {
+  TABS_BIND_TAB_KEY,
+  useTabList
+};

package/es/tabs-items/TabsItems.mjs

@@ -1,18 +1,33 @@
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-import VarSwipe from '../swipe/index.mjs';
-import { defineComponent, watch, ref } from 'vue';
-import { useTabItem } from './provide.mjs';
-import { call, createNamespace } from '../utils/components.mjs';
-import { props } from './props.mjs';
-import { doubleRaf } from '@varlet/shared';
-var {
-  name,
-  n
-} = createNamespace('tabs-items');
+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 VarSwipe from "../swipe/index.mjs";
+import { defineComponent, watch, ref } from "vue";
+import { useTabItem } from "./provide.mjs";
+import { call, createNamespace } from "../utils/components.mjs";
+import { props } from "./props.mjs";
+import { doubleRaf } from "@varlet/shared";
+const { name, n } = createNamespace("tabs-items");
 import { renderSlot as _renderSlot, resolveComponent as _resolveComponent, normalizeClass as _normalizeClass, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock } from "vue";
 function __render__(_ctx, _cache) {
-  var _component_var_swipe = _resolveComponent("var-swipe");
+  const _component_var_swipe = _resolveComponent("var-swipe");
   return _openBlock(), _createBlock(_component_var_swipe, {
     class: _normalizeClass(_ctx.n()),
     ref: "swipe",
@@ -21,76 +36,54 @@ function __render__(_ctx, _cache) {
     indicator: false,
     onChange: _ctx.handleSwipeChange
   }, {
-    default: _withCtx(() => [_renderSlot(_ctx.$slots, "default")]),
-    _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["class", "loop", "touchable", "onChange"]);
+    default: _withCtx(() => [
+      _renderSlot(_ctx.$slots, "default")
+    ]),
+    _: 3
+    /* FORWARDED */
+  }, 8, ["class", "loop", "touchable", "onChange"]);
 }
-var __sfc__ = defineComponent({
+const __sfc__ = defineComponent({
   name,
-  components: {
-    VarSwipe
-  },
+  components: { VarSwipe },
   props,
-  setup(props) {
-    var swipe = ref(null);
-    var {
-      tabItemList,
-      bindTabItem,
-      length
-    } = useTabItem();
+  setup(props2) {
+    const swipe = ref(null);
+    const { tabItemList, bindTabItem, length } = useTabItem();
     bindTabItem({});
-    watch(() => props.active, handleActiveChange);
-    watch(() => length.value, /*#__PURE__*/_asyncToGenerator(function* () {
-      yield doubleRaf();
-      handleActiveChange(props.active);
-    }));
+    watch(() => props2.active, handleActiveChange);
+    watch(
+      () => length.value,
+      () => __async(this, null, function* () {
+        yield doubleRaf();
+        handleActiveChange(props2.active);
+      })
+    );
     function matchName(active) {
-      return tabItemList.find(_ref2 => {
-        var {
-          name
-        } = _ref2;
-        return active === name.value;
-      });
+      return tabItemList.find(({ name: name2 }) => active === name2.value);
     }
     function matchIndex(active) {
-      return tabItemList.find(_ref3 => {
-        var {
-          index
-        } = _ref3;
-        return active === index.value;
-      });
+      return tabItemList.find(({ index }) => active === index.value);
     }
     function matchActive(active) {
       return matchName(active) || matchIndex(active);
     }
     function handleActiveChange(newValue) {
-      var _swipe$value;
-      var newActiveTabItemProvider = matchActive(newValue);
+      var _a;
+      const newActiveTabItemProvider = matchActive(newValue);
       if (!newActiveTabItemProvider) {
         return;
       }
-      tabItemList.forEach(_ref4 => {
-        var {
-          setCurrent
-        } = _ref4;
-        return setCurrent(false);
-      });
+      tabItemList.forEach(({ setCurrent }) => setCurrent(false));
       newActiveTabItemProvider.setCurrent(true);
-      (_swipe$value = swipe.value) == null ? void 0 : _swipe$value.to(newActiveTabItemProvider.index.value);
+      (_a = swipe.value) == null ? void 0 : _a.to(newActiveTabItemProvider.index.value);
     }
     function handleSwipeChange(currentIndex) {
-      var _tabItem$name$value;
-      var tabItem = tabItemList.find(_ref5 => {
-        var {
-          index
-        } = _ref5;
-        return index.value === currentIndex;
-      });
-      var active = (_tabItem$name$value = tabItem.name.value) != null ? _tabItem$name$value : tabItem.index.value;
-      call(props['onUpdate:active'], active);
+      var _a;
+      const tabItem = tabItemList.find(({ index }) => index.value === currentIndex);
+      const active = (_a = tabItem.name.value) != null ? _a : tabItem.index.value;
+      call(props2["onUpdate:active"], active);
     }
-
-    // expose
     function getSwipe() {
       return swipe.value;
     }
@@ -103,4 +96,7 @@ var __sfc__ = defineComponent({
   }
 });
 __sfc__.render = __render__;
-export default __sfc__;
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};

package/es/tabs-items/index.mjs

@@ -1,6 +1,11 @@
-import TabsItems from './TabsItems.mjs';
-import { withInstall } from '../utils/components.mjs';
+import TabsItems from "./TabsItems.mjs";
+import { withInstall } from "../utils/components.mjs";
 withInstall(TabsItems);
-export { props as tabsItemsProps } from './props.mjs';
-export var _TabsItemsComponent = TabsItems;
-export default TabsItems;
+import { props } from "./props.mjs";
+const _TabsItemsComponent = TabsItems;
+var stdin_default = TabsItems;
+export {
+  _TabsItemsComponent,
+  stdin_default as default,
+  props as tabsItemsProps
+};

package/es/tabs-items/props.mjs

@@ -1,5 +1,5 @@
-import { defineListenerProp } from '../utils/components.mjs';
-export var props = {
+import { defineListenerProp } from "../utils/components.mjs";
+const props = {
   active: {
     type: [String, Number],
     default: 0
@@ -9,5 +9,8 @@ export var props = {
     default: true
   },
   loop: Boolean,
-  'onUpdate:active': defineListenerProp()
-};
+  "onUpdate:active": defineListenerProp()
+};
+export {
+  props
+};