@varlet/ui 3.5.1 → 3.5.3

package/es/tab-item/provide.mjs

@@ -0,0 +1,30 @@
+import { useChildren, useParent } from "@varlet/use";
+import { error } from "../utils/logger.mjs";
+import { TABS_ITEMS_BIND_TAB_ITEM_KEY } from "../tabs-items/provide.mjs";
+const TAB_ITEM_BIND_LIST_KEY = Symbol("TAB_ITEM_BIND_LIST_KEY");
+function useTabsItems() {
+  const { parentProvider, bindParent, index } = useParent(
+    TABS_ITEMS_BIND_TAB_ITEM_KEY
+  );
+  if (!bindParent) {
+    error("TabItem", "<var-tab-item/> must in <var-tabs-items/>");
+  }
+  return {
+    index,
+    tabsItems: parentProvider,
+    bindTabsItems: bindParent
+  };
+}
+function useLists() {
+  const { childProviders, bindChildren, length } = useChildren(TAB_ITEM_BIND_LIST_KEY);
+  return {
+    length,
+    lists: childProviders,
+    bindLists: bindChildren
+  };
+}
+export {
+  TAB_ITEM_BIND_LIST_KEY,
+  useLists,
+  useTabsItems
+};

package/es/tab-item/style/index.mjs

@@ -0,0 +1,4 @@
+import '../../styles/common.css'
+import '../../swipe-item/swipeItem.css'
+import '../tabItem.css'
+import '../TabItemSfc.css'

package/es/tab-item/tabItem.css

@@ -0,0 +1 @@
+.var-tab-item--inactive[var-tab-item-cover] { overflow: visible; height: 0;}

package/es/table/Table.mjs

@@ -0,0 +1,68 @@
+import { defineComponent } from "vue";
+import { toSizeUnit } from "../utils/elements.mjs";
+import { createNamespace, formatElevation } from "../utils/components.mjs";
+import { props } from "./props.mjs";
+const { name, n, classes } = createNamespace("table");
+import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode } from "vue";
+function __render__(_ctx, _cache) {
+  return _openBlock(), _createElementBlock(
+    "div",
+    {
+      class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.formatElevation(_ctx.elevation, 1), _ctx.n("$--box")))
+    },
+    [
+      _createElementVNode(
+        "div",
+        {
+          class: _normalizeClass(_ctx.n("main")),
+          style: _normalizeStyle({ height: _ctx.toSizeUnit(_ctx.scrollerHeight) })
+        },
+        [
+          _createElementVNode(
+            "table",
+            {
+              class: _normalizeClass(_ctx.n("table")),
+              style: _normalizeStyle({ width: _ctx.toSizeUnit(_ctx.fullWidth) })
+            },
+            [
+              _renderSlot(_ctx.$slots, "default")
+            ],
+            6
+            /* CLASS, STYLE */
+          )
+        ],
+        6
+        /* CLASS, STYLE */
+      ),
+      _ctx.$slots.footer ? (_openBlock(), _createElementBlock(
+        "div",
+        {
+          key: 0,
+          class: _normalizeClass(_ctx.n("footer"))
+        },
+        [
+          _renderSlot(_ctx.$slots, "footer")
+        ],
+        2
+        /* CLASS */
+      )) : _createCommentVNode("v-if", true)
+    ],
+    2
+    /* CLASS */
+  );
+}
+const __sfc__ = defineComponent({
+  name,
+  props,
+  setup: () => ({
+    toSizeUnit,
+    n,
+    classes,
+    formatElevation
+  })
+});
+__sfc__.render = __render__;
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};

package/es/table/index.mjs

@@ -0,0 +1,12 @@
+import Table from "./Table.mjs";
+import { withInstall, withPropsDefaultsSetter } from "../utils/components.mjs";
+import { props as tableProps } from "./props.mjs";
+withInstall(Table);
+withPropsDefaultsSetter(Table, tableProps);
+const _TableComponent = Table;
+var stdin_default = Table;
+export {
+  _TableComponent,
+  stdin_default as default,
+  tableProps
+};

package/es/table/props.mjs

@@ -0,0 +1,16 @@
+const props = {
+  fullWidth: {
+    type: [Number, String],
+    default: "100%"
+  },
+  scrollerHeight: {
+    type: [Number, String]
+  },
+  elevation: {
+    type: [Boolean, Number, String],
+    default: true
+  }
+};
+export {
+  props
+};

package/es/table/style/index.mjs

@@ -0,0 +1,4 @@
+import '../../styles/common.css'
+import '../../styles/elevation.css'
+import '../table.css'
+import '../TableSfc.css'

package/es/table/table.css

@@ -0,0 +1 @@
+:root { --table-background: #fff; --table-border-radius: 2px; --table-thead-border-bottom: thin solid var(--color-outline); --table-thead-th-text-color: rgba(0, 0, 0, 0.6); --table-thead-th-text-align: left; --table-thead-th-font-size: 14px; --table-thead-tr-border-bottom: thin solid var(--color-outline); --table-tbody-tr-hover-background: #eee; --table-tbody-tr-border-bottom: thin solid var(--color-outline); --table-tbody-td-text-color: #555; --table-tbody-td-font-size: 16px; --table-tbody-td-text-align: left; --table-row-height: 46px; --table-row-padding: 0 16px; --table-footer-border-top: thin solid var(--color-outline);}.var-table { width: 100%; border-radius: var(--table-border-radius);}.var-table * { box-sizing: border-box;}.var-table__main { width: 100%; overflow: auto;}.var-table__main > table { min-width: 100%; display: table; border-spacing: 0; border-collapse: collapse; line-height: normal;}.var-table__main > table thead { display: table-header-group; border-bottom: var(--table-thead-border-bottom);}.var-table__main > table thead tr { background: var(--table-background);}.var-table__main > table thead tr th { color: var(--table-thead-th-text-color); font-size: var(--table-thead-th-font-size);}.var-table__main > table thead tr:not(:last-child) { border-bottom: var(--table-thead-tr-border-bottom);}.var-table__main > table tbody { display: table-row-group;}.var-table__main > table tbody tr { display: table-row; outline: 0; vertical-align: middle; background: var(--table-background);}.var-table__main > table tbody tr:hover { background: var(--table-tbody-tr-hover-background); transition: background-color 0.25s;}.var-table__main > table tbody tr:not(:last-child) { border-bottom: var(--table-tbody-tr-border-bottom);}.var-table__main > table tbody td { color: var(--table-tbody-td-text-color); font-size: var(--table-tbody-td-font-size);}.var-table__main > table th { display: table-cell; height: var(--table-row-height); padding: var(--table-row-padding); font-weight: 500; text-align: var(--table-thead-th-text-align);}.var-table__main > table td { display: table-cell; padding: var(--table-row-padding); height: var(--table-row-height); text-align: var(--table-tbody-td-text-align);}.var-table__footer { width: 100%; min-height: var(--table-row-height); border-top: var(--table-footer-border-top); background: var(--table-background);}

package/es/tabs/Tabs.mjs

@@ -0,0 +1,245 @@
+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, call } from "@varlet/shared";
+import { linear } from "../utils/shared.mjs";
+import { toSizeUnit, scrollTo } from "../utils/elements.mjs";
+import { createNamespace, 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" : 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, ["css-mode", "offset-top", "z-index"]);
+}
+const __sfc__ = defineComponent({
+  name,
+  components: { VarSticky },
+  inheritAttrs: false,
+  props,
+  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,
+      disabledColor,
+      itemDirection,
+      resize,
+      onTabClick
+    };
+    bindTabList(tabsProvider);
+    watch(
+      () => length.value,
+      () => __async(this, null, function* () {
+        yield doubleRaf();
+        resize();
+      })
+    );
+    watch(() => [props2.active, props2.scrollable], resize);
+    onActivated(resize);
+    onWindowResize(resize);
+    function onTabClick(tab) {
+      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 !== active2 && call(onChange, currentActive);
+    }
+    function matchName() {
+      return tabList.find(({ name: name2 }) => props2.active === name2.value);
+    }
+    function matchIndex(activeIndex) {
+      return tabList.find(({ index }) => (activeIndex != null ? activeIndex : props2.active) === index.value);
+    }
+    function matchBoundary() {
+      if (length.value === 0) {
+        return;
+      }
+      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 = props2.scrollable === "always" || tabList.length >= 5;
+    }
+    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`;
+      }
+    }
+    function scrollToCenter({ element }) {
+      if (!localScrollable.value) {
+        return;
+      }
+      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 {
+        const top = el.offsetTop + el.offsetHeight / 2 - scroller.offsetHeight / 2;
+        scrollTo(scroller, {
+          top,
+          animation: linear
+        });
+      }
+    }
+    function resize() {
+      const tab = matchName() || matchIndex() || matchBoundary();
+      if (!tab || tab.disabled.value) {
+        return;
+      }
+      watchScrollable();
+      moveIndicator(tab);
+      scrollToCenter(tab);
+    }
+    function resizeSticky() {
+      return __async(this, null, function* () {
+        if (props2.sticky && stickyComponent.value) {
+          yield stickyComponent.value.resize();
+        }
+      });
+    }
+    return {
+      stickyComponent,
+      indicatorWidth,
+      indicatorHeight,
+      indicatorX,
+      indicatorY,
+      indicatorPosition,
+      localScrollable,
+      scrollerEl,
+      Transition,
+      toSizeUnit,
+      n,
+      classes,
+      resize,
+      resizeSticky,
+      formatElevation
+    };
+  }
+});
+__sfc__.render = __render__;
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};

package/es/tabs/index.mjs

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

package/es/tabs/props.mjs

@@ -0,0 +1,46 @@
+import { defineListenerProp, pickProps } from "../utils/components.mjs";
+import { stickyProps } from "../sticky/index.mjs";
+const props = {
+  active: {
+    type: [String, Number],
+    default: 0
+  },
+  layoutDirection: {
+    type: String,
+    default: "horizontal"
+  },
+  itemDirection: {
+    type: String,
+    default: "horizontal"
+  },
+  fixedBottom: Boolean,
+  activeColor: String,
+  inactiveColor: String,
+  disabledColor: String,
+  color: String,
+  indicatorColor: String,
+  indicatorSize: [String, Number],
+  elevation: {
+    type: [Boolean, String, Number],
+    default: false
+  },
+  scrollable: {
+    type: String,
+    default: "auto"
+  },
+  indicatorPosition: {
+    type: String,
+    default: "normal"
+  },
+  safeArea: Boolean,
+  sticky: Boolean,
+  stickyCssMode: pickProps(stickyProps, "cssMode"),
+  stickyZIndex: pickProps(stickyProps, "zIndex"),
+  offsetTop: pickProps(stickyProps, "offsetTop"),
+  onClick: defineListenerProp(),
+  onChange: defineListenerProp(),
+  "onUpdate:active": defineListenerProp()
+};
+export {
+  props
+};

package/es/tabs/provide.mjs

@@ -0,0 +1,14 @@
+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/style/index.mjs

@@ -0,0 +1,5 @@
+import '../../styles/common.css'
+import '../../styles/elevation.css'
+import '../../sticky/sticky.css'
+import '../tabs.css'
+import '../TabsSfc.css'

package/es/tabs/tabs.css

@@ -0,0 +1 @@
+:root { --tabs-item-horizontal-height: 44px; --tabs-item-vertical-height: 66px; --tabs-radius: 2px; --tabs-padding: 12px; --tabs-indicator-size: 2px; --tabs-indicator-border-radius: 0; --tabs-indicator-background: var(--color-primary); --tabs-background: #fff; --tabs-indicator-inner-size: 100%;}.var-tabs { border-radius: var(--tabs-radius); background: var(--tabs-background); overflow: hidden; transition: background-color 0.25s;}.var-tabs__tab-wrap { position: relative; display: flex; height: 100%;}.var-tabs__indicator { display: flex; justify-content: center; align-items: center; position: absolute; z-index: 1; transition-property: width, transform; transition-duration: 0.3s;}.var-tabs__indicator-inner { background: var(--tabs-indicator-background); border-radius: var(--tabs-indicator-border-radius);}.var-tabs--layout-horizontal { flex-direction: row;}.var-tabs--layout-horizontal-scrollable { overflow-x: auto; overflow-y: hidden; scrollbar-width: none;}.var-tabs--layout-horizontal-scrollable::-webkit-scrollbar { display: none;}.var-tabs--layout-horizontal-padding { padding: 0 var(--tabs-padding);}.var-tabs--layout-horizontal-indicator { left: 0; bottom: 0; height: var(--tabs-indicator-size);}.var-tabs--layout-horizontal-reverse-indicator { left: 0; top: 0; height: var(--tabs-indicator-size);}.var-tabs--layout-horizontal-indicator-inner { width: var(--tabs-indicator-inner-size); height: 100%;}.var-tabs--layout-vertical { flex-direction: column;}.var-tabs--layout-vertical-scrollable { overflow-x: hidden; overflow-y: auto; scrollbar-width: none;}.var-tabs--layout-vertical-scrollable::-webkit-scrollbar { display: none;}.var-tabs--layout-vertical-padding { padding: 0;}.var-tabs--layout-vertical-indicator { left: 0; top: 0; width: var(--tabs-indicator-size);}.var-tabs--layout-vertical-reverse-indicator { right: 0; top: 0; width: var(--tabs-indicator-size);}.var-tabs--layout-vertical-indicator-inner { width: 100%; height: var(--tabs-indicator-inner-size);}.var-tabs--item-horizontal { height: var(--tabs-item-horizontal-height);}.var-tabs--item-vertical { height: var(--tabs-item-vertical-height);}.var-tabs--fixed-bottom { position: fixed; width: 100%; left: 0; bottom: 0; z-index: 99;}.var-tabs--safe-area { padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); box-sizing: content-box !important;}

package/es/tabs-items/TabsItems.mjs

@@ -0,0 +1,102 @@
+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 { createNamespace } from "../utils/components.mjs";
+import { props } from "./props.mjs";
+import { doubleRaf, call } 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) {
+  const _component_var_swipe = _resolveComponent("var-swipe");
+  return _openBlock(), _createBlock(_component_var_swipe, {
+    class: _normalizeClass(_ctx.n()),
+    ref: "swipe",
+    loop: _ctx.loop,
+    touchable: _ctx.canSwipe,
+    indicator: false,
+    onChange: _ctx.handleSwipeChange
+  }, {
+    default: _withCtx(() => [
+      _renderSlot(_ctx.$slots, "default")
+    ]),
+    _: 3
+    /* FORWARDED */
+  }, 8, ["class", "loop", "touchable", "onChange"]);
+}
+const __sfc__ = defineComponent({
+  name,
+  components: { VarSwipe },
+  props,
+  setup(props2) {
+    const swipe = ref(null);
+    const { tabItemList, bindTabItem, length } = useTabItem();
+    bindTabItem({});
+    watch(() => props2.active, handleActiveChange);
+    watch(
+      () => length.value,
+      () => __async(this, null, function* () {
+        yield doubleRaf();
+        handleActiveChange(props2.active);
+      })
+    );
+    function matchName(active) {
+      return tabItemList.find(({ name: name2 }) => active === name2.value);
+    }
+    function matchIndex(active) {
+      return tabItemList.find(({ index }) => active === index.value);
+    }
+    function matchActive(active) {
+      return matchName(active) || matchIndex(active);
+    }
+    function handleActiveChange(newValue) {
+      var _a;
+      const newActiveTabItemProvider = matchActive(newValue);
+      if (!newActiveTabItemProvider) {
+        return;
+      }
+      tabItemList.forEach(({ setCurrent }) => setCurrent(false));
+      newActiveTabItemProvider.setCurrent(true);
+      (_a = swipe.value) == null ? void 0 : _a.to(newActiveTabItemProvider.index.value);
+    }
+    function handleSwipeChange(currentIndex) {
+      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);
+    }
+    function getSwipe() {
+      return swipe.value;
+    }
+    return {
+      swipe,
+      n,
+      handleSwipeChange,
+      getSwipe
+    };
+  }
+});
+__sfc__.render = __render__;
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};

package/es/tabs-items/index.mjs

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

package/es/tabs-items/props.mjs

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

package/es/tabs-items/provide.mjs

@@ -0,0 +1,16 @@
+import { useChildren } from "@varlet/use";
+const TABS_ITEMS_BIND_TAB_ITEM_KEY = Symbol("TABS_ITEMS_BIND_TAB_ITEM_KEY");
+function useTabItem() {
+  const { bindChildren, childProviders, length } = useChildren(
+    TABS_ITEMS_BIND_TAB_ITEM_KEY
+  );
+  return {
+    length,
+    tabItemList: childProviders,
+    bindTabItem: bindChildren
+  };
+}
+export {
+  TABS_ITEMS_BIND_TAB_ITEM_KEY,
+  useTabItem
+};

package/es/tabs-items/style/index.mjs

@@ -0,0 +1,3 @@
+import '../../styles/common.css'
+import '../../swipe/swipe.css'
+import '../TabsItemsSfc.css'

package/es/themes/dark/actionSheet.mjs

@@ -0,0 +1,17 @@
+var stdin_default = {
+  "--action-sheet-background": "var(--color-surface-container-low)",
+  "--action-sheet-title-color": "#aaa",
+  "--action-sheet-action-item-color": "#fff",
+  "--action-sheet-border-radius": "2px",
+  "--action-sheet-border-top": "none",
+  "--action-sheet-title-padding": "10px 16px",
+  "--action-sheet-title-font-size": "14px",
+  "--action-sheet-action-item-height": "48px",
+  "--action-sheet-action-item-padding": "0 18px",
+  "--action-sheet-action-item-disabled-color": "var(--color-text-disabled)",
+  "--action-sheet-icon-margin": "0 20px 0 0",
+  "--action-sheet-icon-size": "24px"
+};
+export {
+  stdin_default as default
+};