@varlet/ui 2.20.1 → 2.20.2

package/es/swipe-item/provide.mjs

@@ -0,0 +1,17 @@
+import { useParent } from "@varlet/use";
+import { error } from "../utils/logger.mjs";
+import { SWIPE_BIND_SWIPE_ITEM_KEY } from "../swipe/provide.mjs";
+function useSwipe() {
+  const { bindParent, index, parentProvider } = useParent(SWIPE_BIND_SWIPE_ITEM_KEY);
+  if (!bindParent) {
+    error("SwipeItem", "<var-swipe-item/> must in <var-swipe/>");
+  }
+  return {
+    index,
+    swipe: parentProvider,
+    bindSwipe: bindParent
+  };
+}
+export {
+  useSwipe
+};

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

@@ -0,0 +1,3 @@
+import '../../styles/common.css'
+import '../swipeItem.css'
+import '../SwipeItemSfc.css'

package/es/swipe-item/swipeItem.css

@@ -0,0 +1 @@
+.var-swipe-item { flex-shrink: 0; width: 100%; height: 100%;}

package/es/switch/Switch.mjs

@@ -0,0 +1,225 @@
+import VarFormDetails from "../form-details/index.mjs";
+import Ripple from "../ripple/index.mjs";
+import Hover from "../hover/index.mjs";
+import VarHoverOverlay, { useHoverOverlay } from "../hover-overlay/index.mjs";
+import { defineComponent, computed, nextTick } from "vue";
+import { useValidation, createNamespace } from "../utils/components.mjs";
+import { multiplySizeUnit } from "../utils/elements.mjs";
+import { useForm } from "../form/provide.mjs";
+import { props } from "./props.mjs";
+import { call } from "@varlet/shared";
+const { name, n, classes } = createNamespace("switch");
+import { normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, resolveComponent as _resolveComponent, createVNode as _createVNode, resolveDirective as _resolveDirective, withDirectives as _withDirectives, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
+const _withScopeId = (n2) => (_pushScopeId(""), n2 = n2(), _popScopeId(), n2);
+const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ _createElementVNode(
+  "svg",
+  { viewBox: "25 25 50 50" },
+  [
+    /* @__PURE__ */ _createElementVNode("circle", {
+      cx: "50",
+      cy: "50",
+      r: "20",
+      fill: "none"
+    })
+  ],
+  -1
+  /* HOISTED */
+));
+const _hoisted_2 = [
+  _hoisted_1
+];
+function __render__(_ctx, _cache) {
+  const _component_var_hover_overlay = _resolveComponent("var-hover-overlay");
+  const _component_var_form_details = _resolveComponent("var-form-details");
+  const _directive_ripple = _resolveDirective("ripple");
+  const _directive_hover = _resolveDirective("hover");
+  return _withDirectives((_openBlock(), _createElementBlock(
+    "div",
+    {
+      class: _normalizeClass(_ctx.n())
+    },
+    [
+      _createElementVNode(
+        "div",
+        {
+          class: _normalizeClass(_ctx.classes(_ctx.n("block"), [_ctx.disabled || _ctx.formDisabled, _ctx.n("--disabled")])),
+          onClick: _cache[0] || (_cache[0] = (...args) => _ctx.switchActive && _ctx.switchActive(...args)),
+          style: _normalizeStyle(_ctx.styleComputed.switch)
+        },
+        [
+          _createElementVNode(
+            "div",
+            {
+              style: _normalizeStyle(_ctx.styleComputed.track),
+              class: _normalizeClass(
+                _ctx.classes(_ctx.n("track"), [_ctx.modelValue === _ctx.activeValue, _ctx.n("track--active")], [_ctx.errorMessage, _ctx.n("track--error")])
+              )
+            },
+            null,
+            6
+            /* CLASS, STYLE */
+          ),
+          _withDirectives((_openBlock(), _createElementBlock(
+            "div",
+            {
+              class: _normalizeClass(_ctx.classes(_ctx.n("ripple"), [_ctx.modelValue === _ctx.activeValue, _ctx.n("ripple--active")])),
+              style: _normalizeStyle(_ctx.styleComputed.ripple)
+            },
+            [
+              _createElementVNode(
+                "div",
+                {
+                  style: _normalizeStyle(_ctx.styleComputed.handle),
+                  class: _normalizeClass(
+                    _ctx.classes(
+                      _ctx.n("handle"),
+                      _ctx.n("$-elevation--2"),
+                      [_ctx.modelValue === _ctx.activeValue, _ctx.n("handle--active")],
+                      [_ctx.errorMessage, _ctx.n("handle--error")]
+                    )
+                  )
+                },
+                [
+                  _ctx.loading ? (_openBlock(), _createElementBlock(
+                    "span",
+                    {
+                      key: 0,
+                      class: _normalizeClass(_ctx.n("loading")),
+                      style: _normalizeStyle({
+                        width: _ctx.radius,
+                        height: _ctx.radius
+                      })
+                    },
+                    _hoisted_2,
+                    6
+                    /* CLASS, STYLE */
+                  )) : _createCommentVNode("v-if", true)
+                ],
+                6
+                /* CLASS, STYLE */
+              ),
+              _createVNode(_component_var_hover_overlay, { hovering: _ctx.hovering }, null, 8, ["hovering"])
+            ],
+            6
+            /* CLASS, STYLE */
+          )), [
+            [_directive_ripple, {
+              disabled: !_ctx.ripple || _ctx.disabled || _ctx.loading || _ctx.formDisabled
+            }]
+          ])
+        ],
+        6
+        /* CLASS, STYLE */
+      ),
+      _createVNode(_component_var_form_details, { "error-message": _ctx.errorMessage }, null, 8, ["error-message"])
+    ],
+    2
+    /* CLASS */
+  )), [
+    [_directive_hover, _ctx.hover, "desktop"]
+  ]);
+}
+const __sfc__ = defineComponent({
+  name,
+  components: {
+    VarFormDetails,
+    VarHoverOverlay
+  },
+  directives: { Ripple, Hover },
+  props,
+  setup(props2) {
+    const { bindForm, form } = useForm();
+    const { errorMessage, validateWithTrigger: vt, validate: v, resetValidation } = useValidation();
+    const { hovering, handleHovering } = useHoverOverlay();
+    const styleComputed = computed(() => {
+      const { size, modelValue, color, closeColor, loadingColor, activeValue } = props2;
+      return {
+        handle: {
+          width: multiplySizeUnit(size),
+          height: multiplySizeUnit(size),
+          backgroundColor: modelValue === activeValue ? color : closeColor,
+          color: loadingColor
+        },
+        ripple: {
+          left: modelValue === activeValue ? multiplySizeUnit(size, 0.5) : `-${multiplySizeUnit(size, 0.5)}`,
+          color: modelValue === activeValue ? color : closeColor || "#999",
+          width: multiplySizeUnit(size, 2),
+          height: multiplySizeUnit(size, 2)
+        },
+        track: {
+          height: multiplySizeUnit(size, 0.72),
+          width: multiplySizeUnit(size, 1.9),
+          borderRadius: multiplySizeUnit(size, 2 / 3),
+          filter: modelValue === activeValue || (errorMessage == null ? void 0 : errorMessage.value) ? void 0 : "brightness(.6)",
+          backgroundColor: modelValue === activeValue ? color : closeColor
+        },
+        switch: {
+          height: multiplySizeUnit(size, 1.2),
+          width: multiplySizeUnit(size, 2)
+        }
+      };
+    });
+    const radius = computed(() => multiplySizeUnit(props2.size, 0.8));
+    const switchProvider = {
+      reset,
+      validate,
+      resetValidation
+    };
+    call(bindForm, switchProvider);
+    function validate() {
+      return v(props2.rules, props2.modelValue);
+    }
+    function validateWithTrigger() {
+      return nextTick(() => vt(["onChange"], "onChange", props2.rules, props2.modelValue));
+    }
+    function switchActive(event) {
+      const {
+        onClick,
+        onChange,
+        disabled,
+        loading,
+        readonly,
+        modelValue,
+        activeValue,
+        inactiveValue,
+        "onUpdate:modelValue": updateModelValue
+      } = props2;
+      call(onClick, event);
+      if (disabled || loading || readonly || (form == null ? void 0 : form.disabled.value) || (form == null ? void 0 : form.readonly.value)) {
+        return;
+      }
+      const newValue = modelValue === activeValue ? inactiveValue : activeValue;
+      call(onChange, newValue);
+      call(updateModelValue, newValue);
+      validateWithTrigger();
+    }
+    function hover(value) {
+      if (props2.disabled || (form == null ? void 0 : form.disabled.value)) {
+        return;
+      }
+      handleHovering(value);
+    }
+    function reset() {
+      call(props2["onUpdate:modelValue"], props2.inactiveValue);
+      resetValidation();
+    }
+    return {
+      hovering,
+      radius,
+      styleComputed,
+      errorMessage,
+      formDisabled: form == null ? void 0 : form.disabled,
+      formReadonly: form == null ? void 0 : form.readonly,
+      n,
+      classes,
+      multiplySizeUnit,
+      switchActive,
+      hover
+    };
+  }
+});
+__sfc__.render = __render__;
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};

package/es/switch/index.mjs

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

package/es/switch/props.mjs

@@ -0,0 +1,30 @@
+import { defineListenerProp } from "../utils/components.mjs";
+const props = {
+  modelValue: {
+    default: false
+  },
+  activeValue: {
+    default: true
+  },
+  inactiveValue: {
+    default: false
+  },
+  disabled: Boolean,
+  readonly: Boolean,
+  loading: Boolean,
+  color: String,
+  loadingColor: String,
+  closeColor: String,
+  size: [String, Number],
+  rules: Array,
+  ripple: {
+    type: Boolean,
+    default: true
+  },
+  onClick: defineListenerProp(),
+  onChange: defineListenerProp(),
+  "onUpdate:modelValue": defineListenerProp()
+};
+export {
+  props
+};

package/es/switch/provide.ts

@@ -0,0 +1,3 @@
+import { Validation } from '../form/provide'
+
+export type SwitchProvider = Validation

package/es/switch/style/index.mjs

@@ -0,0 +1,8 @@
+import '../../styles/common.css'
+import '../../styles/elevation.css'
+import '../../ripple/ripple.css'
+import '../../loading/loading.css'
+import '../../form-details/formDetails.css'
+import '../../hover-overlay/hoverOverlay.css'
+import '../switch.css'
+import '../SwitchSfc.css'

package/es/switch/switch.css

@@ -0,0 +1 @@
+:root { --switch-track-background: #fff; --switch-track-active-background: var(--color-primary); --switch-track-error-background: var(--color-danger); --switch-ripple-color: var(--color-primary); --switch-handle-background: #fff; --switch-handle-color: #fff; --switch-handle-active-background: var(--color-primary); --switch-handle-error-background: var(--color-danger); --switch-disabled-opacity: var(--opacity-disabled);}.var-switch { display: inline-block;}.var-switch__block { position: relative; display: flex; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); align-items: center; justify-content: center; height: 24px; width: 40px; transition: filter 0.25s;}.var-switch--disabled { filter: opacity(var(--switch-disabled-opacity)); cursor: not-allowed;}.var-switch__track { background-color: var(--switch-track-background); transition: background-color 0.25s; filter: opacity(var(--switch-disabled-opacity)); height: 14.4px; width: 38px; border-radius: calc(20px * 2 / 3);}.var-switch__track--active { background-color: var(--switch-track-active-background);}.var-switch__track--error { background-color: var(--switch-track-error-background) !important;}.var-switch__ripple { position: absolute; display: flex; align-items: center; justify-content: center; color: var(--switch-ripple-color); border-radius: 50%; overflow: hidden; transition: 0.3s var(--cubic-bezier); width: 40px; height: 40px; left: -10px;}.var-switch__ripple--active { left: 10px;}.var-switch__handle { border-radius: 50%; background-color: var(--switch-handle-background); display: flex; align-items: center; justify-content: center; color: var(--switch-handle-color); transition: background-color 0.25s; width: 20px; height: 20px;}.var-switch__handle--active { background-color: var(--switch-handle-active-background);}.var-switch__handle--error { background-color: var(--switch-handle-error-background) !important;}.var-switch__loading { display: inline-block; width: 16px; height: 16px; animation: circle 1.8s linear infinite;}.var-switch__loading svg { display: block; width: 100%; height: 100%;}.var-switch__loading svg circle { animation: circular 1.5s ease-in-out infinite; stroke: currentColor; stroke-width: 3; stroke-linecap: round;}@keyframes circle { from { transform: rotate(0deg); } to { transform: rotate(360deg); }}@keyframes circular { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -40; } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -120; }}

package/es/tab/Tab.mjs

@@ -0,0 +1,87 @@
+import Ripple from "../ripple/index.mjs";
+import { defineComponent, ref, computed, watch } from "vue";
+import { props } from "./props.mjs";
+import { createNamespace } from "../utils/components.mjs";
+import { useTabs } from "./provide.mjs";
+import { call } from "@varlet/shared";
+const { name, n, classes } = createNamespace("tab");
+import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, resolveDirective as _resolveDirective, openBlock as _openBlock, createElementBlock as _createElementBlock, withDirectives as _withDirectives } from "vue";
+function __render__(_ctx, _cache) {
+  const _directive_ripple = _resolveDirective("ripple");
+  return _withDirectives((_openBlock(), _createElementBlock(
+    "div",
+    {
+      class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n("$--box"), _ctx.computeColorClass(), _ctx.n(`--${_ctx.itemDirection}`))),
+      ref: "tabEl",
+      style: _normalizeStyle({
+        color: _ctx.computeColorStyle()
+      }),
+      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+    },
+    [
+      _renderSlot(_ctx.$slots, "default")
+    ],
+    6
+    /* CLASS, STYLE */
+  )), [
+    [_directive_ripple, { disabled: _ctx.disabled || !_ctx.ripple }]
+  ]);
+}
+const __sfc__ = defineComponent({
+  name,
+  directives: { Ripple },
+  props,
+  setup(props2) {
+    const tabEl = ref(null);
+    const element = computed(() => tabEl.value);
+    const name2 = computed(() => props2.name);
+    const disabled = computed(() => props2.disabled);
+    const { index, tabs, bindTabs } = useTabs();
+    const { onTabClick, active, activeColor, inactiveColor, disabledColor, itemDirection, resize } = tabs;
+    const tabProvider = {
+      name: name2,
+      index,
+      disabled,
+      element
+    };
+    bindTabs(tabProvider);
+    watch(() => [props2.name, props2.disabled], resize);
+    function shouldActive() {
+      if (props2.name != null) {
+        return active.value === props2.name;
+      }
+      return active.value === (index == null ? void 0 : index.value);
+    }
+    function computeColorStyle() {
+      return props2.disabled ? disabledColor.value : shouldActive() ? activeColor.value : inactiveColor.value;
+    }
+    function computeColorClass() {
+      return props2.disabled ? n("$-tab--disabled") : shouldActive() ? n("$-tab--active") : n("$-tab--inactive");
+    }
+    function handleClick(event) {
+      const { disabled: disabled2, name: name3, onClick } = props2;
+      if (disabled2) {
+        return;
+      }
+      call(onClick, name3 != null ? name3 : index.value, event);
+      onTabClick(tabProvider);
+    }
+    return {
+      tabEl,
+      active,
+      activeColor,
+      inactiveColor,
+      itemDirection,
+      n,
+      classes,
+      computeColorStyle,
+      computeColorClass,
+      handleClick
+    };
+  }
+});
+__sfc__.render = __render__;
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};

package/es/tab/index.mjs

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

package/es/tab/props.mjs

@@ -0,0 +1,13 @@
+import { defineListenerProp } from "../utils/components.mjs";
+const props = {
+  name: [String, Number],
+  disabled: Boolean,
+  ripple: {
+    type: Boolean,
+    default: true
+  },
+  onClick: defineListenerProp()
+};
+export {
+  props
+};

package/es/tab/provide.mjs

@@ -0,0 +1,17 @@
+import { useParent } from "@varlet/use";
+import { error } from "../utils/logger.mjs";
+import { TABS_BIND_TAB_KEY } from "../tabs/provide.mjs";
+function useTabs() {
+  const { parentProvider, bindParent, index } = useParent(TABS_BIND_TAB_KEY);
+  if (!bindParent) {
+    error("Tab", "<var-tab/> must in <var-tabs/>");
+  }
+  return {
+    index,
+    tabs: parentProvider,
+    bindTabs: bindParent
+  };
+}
+export {
+  useTabs
+};

package/es/tab/style/index.mjs

@@ -0,0 +1,4 @@
+import '../../styles/common.css'
+import '../../ripple/ripple.css'
+import '../tab.css'
+import '../TabSfc.css'

package/es/tab/tab.css

@@ -0,0 +1 @@
+:root { --tab-padding: 12px; --tab-active-color: var(--color-primary); --tab-inactive-color: #646566; --tab-disabled-color: var(--color-text-disabled); --tab-font-size: var(--font-size-md); --tab-font-weight: 400;}.var-tab { display: flex; justify-content: center; align-items: center; flex: 1 0 auto; padding: 0 var(--tab-padding); font-size: var(--tab-font-size); font-weight: var(--tab-font-weight); cursor: pointer; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}.var-tab--active { color: var(--tab-active-color);}.var-tab--inactive { color: var(--tab-inactive-color);}.var-tab--disabled { color: var(--tab-disabled-color); cursor: not-allowed;}.var-tab--horizontal { flex-direction: row;}.var-tab--vertical { flex-direction: column;}

package/es/tab-item/TabItem.mjs

@@ -0,0 +1,52 @@
+import VarSwipeItem from "../swipe-item/index.mjs";
+import { defineComponent, ref, computed } from "vue";
+import { useTabsItems, useLists } from "./provide.mjs";
+import { props } from "./props.mjs";
+import { createNamespace } from "../utils/components.mjs";
+const { name, n, classes } = createNamespace("tab-item");
+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_item = _resolveComponent("var-swipe-item");
+  return _openBlock(), _createBlock(_component_var_swipe_item, {
+    class: _normalizeClass(_ctx.classes(_ctx.n(), [!_ctx.current, _ctx.n("--inactive")])),
+    "var-tab-item-cover": ""
+  }, {
+    default: _withCtx(() => [
+      _renderSlot(_ctx.$slots, "default")
+    ]),
+    _: 3
+    /* FORWARDED */
+  }, 8, ["class"]);
+}
+const __sfc__ = defineComponent({
+  name,
+  components: { VarSwipeItem },
+  props,
+  setup(props2) {
+    const current = ref(false);
+    const name2 = computed(() => props2.name);
+    const { index, bindTabsItems } = useTabsItems();
+    const { bindLists } = useLists();
+    const tabItemProvider = {
+      index,
+      name: name2,
+      current: computed(() => current.value),
+      setCurrent
+    };
+    bindTabsItems(tabItemProvider);
+    bindLists(tabItemProvider);
+    function setCurrent(value) {
+      current.value = value;
+    }
+    return {
+      current,
+      n,
+      classes
+    };
+  }
+});
+__sfc__.render = __render__;
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};

package/es/tab-item/index.mjs

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

package/es/tab-item/props.mjs

@@ -0,0 +1,6 @@
+const props = {
+  name: [String, Number]
+};
+export {
+  props
+};

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,67 @@
+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"))
+        },
+        [
+          _createElementVNode(
+            "table",
+            {
+              class: _normalizeClass(_ctx.n("table")),
+              style: _normalizeStyle({ width: _ctx.toSizeUnit(_ctx.fullWidth) })
+            },
+            [
+              _renderSlot(_ctx.$slots, "default")
+            ],
+            6
+            /* CLASS, STYLE */
+          )
+        ],
+        2
+        /* CLASS */
+      ),
+      _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
+};