@varlet/ui 2.16.7 → 2.16.8-alpha.1695118057982

package/es/bottom-navigation-item/BottomNavigationItem.mjs

@@ -1,93 +1,109 @@
-import Ripple from '../ripple/index.mjs';
-import VarBadge from '../badge/index.mjs';
-import VarIcon from '../icon/index.mjs';
-import { defineComponent, computed, ref, watch } from 'vue';
-import { props } from './props.mjs';
-import { useBottomNavigation } from './provide.mjs';
-import { createNamespace, call } from '../utils/components.mjs';
-var {
-  name,
-  n,
-  classes
-} = createNamespace('bottom-navigation-item');
-var defaultBadgeProps = {
-  type: 'danger',
+import Ripple from "../ripple/index.mjs";
+import VarBadge from "../badge/index.mjs";
+import VarIcon from "../icon/index.mjs";
+import { defineComponent, computed, ref, watch } from "vue";
+import { props } from "./props.mjs";
+import { useBottomNavigation } from "./provide.mjs";
+import { createNamespace, call } from "../utils/components.mjs";
+const { name, n, classes } = createNamespace("bottom-navigation-item");
+const defaultBadgeProps = {
+  type: "danger",
   dot: true
 };
 import { resolveComponent as _resolveComponent, normalizeClass as _normalizeClass, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, mergeProps as _mergeProps, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, Fragment as _Fragment, createElementBlock as _createElementBlock, createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, resolveDirective as _resolveDirective, withDirectives as _withDirectives } from "vue";
 function __render__(_ctx, _cache) {
-  var _component_var_icon = _resolveComponent("var-icon");
-  var _component_var_badge = _resolveComponent("var-badge");
-  var _directive_ripple = _resolveDirective("ripple");
-  return _withDirectives((_openBlock(), _createElementBlock("button", {
-    class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n('$--box'), [_ctx.active === _ctx.index || _ctx.active === _ctx.name, _ctx.n('--active')])),
-    style: _normalizeStyle({
-      color: _ctx.computeColorStyle()
-    }),
-    onClick: _cache[0] || (_cache[0] = function () {
-      return _ctx.handleClick && _ctx.handleClick(...arguments);
-    })
-  }, [_ctx.icon && !_ctx.$slots.icon ? (_openBlock(), _createBlock(_component_var_icon, {
-    key: 0,
-    name: _ctx.icon,
-    namespace: _ctx.namespace,
-    class: _normalizeClass(_ctx.n('icon')),
-    "var-bottom-navigation-item-cover": ""
-  }, null, 8 /* PROPS */, ["name", "namespace", "class"])) : _createCommentVNode("v-if", true), _renderSlot(_ctx.$slots, "icon", {
-    active: _ctx.active === _ctx.index || _ctx.active === _ctx.name
-  }), _ctx.badge ? (_openBlock(), _createBlock(_component_var_badge, _mergeProps({
-    key: 1
-  }, _ctx.badgeProps, {
-    class: _ctx.n('badge'),
-    "var-bottom-navigation-item-cover": ""
-  }), null, 16 /* FULL_PROPS */, ["class"])) : _createCommentVNode("v-if", true), _createElementVNode("span", {
-    class: _normalizeClass(_ctx.n('label'))
-  }, [!_ctx.$slots.default ? (_openBlock(), _createElementBlock(_Fragment, {
-    key: 0
-  }, [_createTextVNode(_toDisplayString(_ctx.label), 1 /* TEXT */)], 64 /* STABLE_FRAGMENT */)) : _createCommentVNode("v-if", true), _renderSlot(_ctx.$slots, "default")], 2 /* CLASS */)], 6 /* CLASS, STYLE */)), [[_directive_ripple]]);
+  const _component_var_icon = _resolveComponent("var-icon");
+  const _component_var_badge = _resolveComponent("var-badge");
+  const _directive_ripple = _resolveDirective("ripple");
+  return _withDirectives((_openBlock(), _createElementBlock(
+    "button",
+    {
+      class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n("$--box"), [_ctx.active === _ctx.index || _ctx.active === _ctx.name, _ctx.n("--active")])),
+      style: _normalizeStyle({
+        color: _ctx.computeColorStyle()
+      }),
+      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+    },
+    [
+      _ctx.icon && !_ctx.$slots.icon ? (_openBlock(), _createBlock(_component_var_icon, {
+        key: 0,
+        name: _ctx.icon,
+        namespace: _ctx.namespace,
+        class: _normalizeClass(_ctx.n("icon")),
+        "var-bottom-navigation-item-cover": ""
+      }, null, 8, ["name", "namespace", "class"])) : _createCommentVNode("v-if", true),
+      _renderSlot(_ctx.$slots, "icon", {
+        active: _ctx.active === _ctx.index || _ctx.active === _ctx.name
+      }),
+      _ctx.badge ? (_openBlock(), _createBlock(_component_var_badge, _mergeProps({ key: 1 }, _ctx.badgeProps, {
+        class: _ctx.n("badge"),
+        "var-bottom-navigation-item-cover": ""
+      }), null, 16, ["class"])) : _createCommentVNode("v-if", true),
+      _createElementVNode(
+        "span",
+        {
+          class: _normalizeClass(_ctx.n("label"))
+        },
+        [
+          !_ctx.$slots.default ? (_openBlock(), _createElementBlock(
+            _Fragment,
+            { key: 0 },
+            [
+              _createTextVNode(
+                _toDisplayString(_ctx.label),
+                1
+                /* TEXT */
+              )
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          )) : _createCommentVNode("v-if", true),
+          _renderSlot(_ctx.$slots, "default")
+        ],
+        2
+        /* CLASS */
+      )
+    ],
+    6
+    /* CLASS, STYLE */
+  )), [
+    [_directive_ripple]
+  ]);
 }
-var __sfc__ = defineComponent({
+const __sfc__ = defineComponent({
   name,
   components: {
     VarBadge,
     VarIcon
   },
-  directives: {
-    Ripple
-  },
+  directives: { Ripple },
   props,
-  setup(props) {
-    var name = computed(() => props.name);
-    var badge = computed(() => props.badge);
-    var badgeProps = ref({});
-    var {
-      index,
-      bottomNavigation,
-      bindBottomNavigation
-    } = useBottomNavigation();
-    var {
-      active,
-      activeColor,
-      inactiveColor
-    } = bottomNavigation;
-    var bottomNavigationItemProvider = {
-      name,
+  setup(props2) {
+    const name2 = computed(() => props2.name);
+    const badge = computed(() => props2.badge);
+    const badgeProps = ref({});
+    const { index, bottomNavigation, bindBottomNavigation } = useBottomNavigation();
+    const { active, activeColor, inactiveColor } = bottomNavigation;
+    const bottomNavigationItemProvider = {
+      name: name2,
       index
     };
     bindBottomNavigation(bottomNavigationItemProvider);
-    watch(() => badge.value, newValue => {
-      badgeProps.value = newValue === true ? defaultBadgeProps : badge.value;
-    }, {
-      immediate: true
-    });
+    watch(
+      () => badge.value,
+      (newValue) => {
+        badgeProps.value = newValue === true ? defaultBadgeProps : badge.value;
+      },
+      { immediate: true }
+    );
     function computeColorStyle() {
-      return active.value === name.value || active.value === index.value ? activeColor.value : inactiveColor.value;
+      return active.value === name2.value || active.value === index.value ? activeColor.value : inactiveColor.value;
     }
     function handleClick() {
-      var _name$value;
-      var active = (_name$value = name.value) != null ? _name$value : index.value;
-      call(props.onClick, active);
-      call(bottomNavigation.onToggle, active);
+      var _a;
+      const active2 = (_a = name2.value) != null ? _a : index.value;
+      call(props2.onClick, active2);
+      call(bottomNavigation.onToggle, active2);
     }
     return {
       index,
@@ -102,4 +118,7 @@ var __sfc__ = defineComponent({
   }
 });
 __sfc__.render = __render__;
-export default __sfc__;
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};

package/es/bottom-navigation-item/index.mjs

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

package/es/bottom-navigation-item/props.mjs

@@ -1,15 +1,18 @@
-import { defineListenerProp } from '../utils/components.mjs';
-export var props = {
+import { defineListenerProp } from "../utils/components.mjs";
+const props = {
   name: String,
   icon: String,
   label: String,
   namespace: {
     type: String,
-    default: 'var-icon'
+    default: "var-icon"
   },
   badge: {
     type: [Boolean, Object],
     default: false
   },
   onClick: defineListenerProp()
-};
+};
+export {
+  props
+};

package/es/bottom-navigation-item/provide.mjs

@@ -1,18 +1,21 @@
-import { useParent } from '@varlet/use';
-import { error } from '../utils/logger.mjs';
-import { BOTTOM_NAVIGATION_BIND_BOTTOM_NAVIGATION_ITEM_KEY } from '../bottom-navigation/provide.mjs';
-export function useBottomNavigation() {
-  var {
-    parentProvider,
-    index,
-    bindParent
-  } = useParent(BOTTOM_NAVIGATION_BIND_BOTTOM_NAVIGATION_ITEM_KEY);
+import { useParent } from "@varlet/use";
+import { error } from "../utils/logger.mjs";
+import {
+  BOTTOM_NAVIGATION_BIND_BOTTOM_NAVIGATION_ITEM_KEY
+} from "../bottom-navigation/provide.mjs";
+function useBottomNavigation() {
+  const { parentProvider, index, bindParent } = useParent(
+    BOTTOM_NAVIGATION_BIND_BOTTOM_NAVIGATION_ITEM_KEY
+  );
   if (!bindParent) {
-    error('BottomNavigationItem', '<var-bottom-navigation-item/> must in <var-bottom-navigation/>');
+    error("BottomNavigationItem", "<var-bottom-navigation-item/> must in <var-bottom-navigation/>");
   }
   return {
     index,
     bottomNavigation: parentProvider,
     bindBottomNavigation: bindParent
   };
-}
+}
+export {
+  useBottomNavigation
+};

package/es/breadcrumb/Breadcrumb.mjs

@@ -1,48 +1,60 @@
-import { defineComponent, computed } from 'vue';
-import { props } from './props.mjs';
-import { useBreadcrumb } from './provide.mjs';
-import { call, createNamespace } from '../utils/components.mjs';
-var {
-  name,
-  n,
-  classes
-} = createNamespace('breadcrumb');
+import { defineComponent, computed } from "vue";
+import { props } from "./props.mjs";
+import { useBreadcrumb } from "./provide.mjs";
+import { call, createNamespace } from "../utils/components.mjs";
+const { name, n, classes } = createNamespace("breadcrumb");
 import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, toDisplayString as _toDisplayString, createCommentVNode as _createCommentVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 function __render__(_ctx, _cache) {
-  return _openBlock(), _createElementBlock("div", {
-    class: _normalizeClass(_ctx.n())
-  }, [_createElementVNode("div", {
-    class: _normalizeClass(_ctx.classes(_ctx.n('content'), [!_ctx.isLast, _ctx.n('--active')])),
-    onClick: _cache[0] || (_cache[0] = function () {
-      return _ctx.handleClick && _ctx.handleClick(...arguments);
-    })
-  }, [_renderSlot(_ctx.$slots, "default")], 2 /* CLASS */), !_ctx.isLast ? _renderSlot(_ctx.$slots, "separator", {
-    key: 0
-  }, () => {
-    var _ctx$separator;
-    return [_createElementVNode("div", {
-      class: _normalizeClass(_ctx.n('separator'))
-    }, _toDisplayString((_ctx$separator = _ctx.separator) != null ? _ctx$separator : _ctx.parentSeparator), 3 /* TEXT, CLASS */)];
-  }) : _createCommentVNode("v-if", true)], 2 /* CLASS */);
+  return _openBlock(), _createElementBlock(
+    "div",
+    {
+      class: _normalizeClass(_ctx.n())
+    },
+    [
+      _createElementVNode(
+        "div",
+        {
+          class: _normalizeClass(_ctx.classes(_ctx.n("content"), [!_ctx.isLast, _ctx.n("--active")])),
+          onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+        },
+        [
+          _renderSlot(_ctx.$slots, "default")
+        ],
+        2
+        /* CLASS */
+      ),
+      !_ctx.isLast ? _renderSlot(_ctx.$slots, "separator", { key: 0 }, () => {
+        var _a;
+        return [
+          _createElementVNode(
+            "div",
+            {
+              class: _normalizeClass(_ctx.n("separator"))
+            },
+            _toDisplayString((_a = _ctx.separator) != null ? _a : _ctx.parentSeparator),
+            3
+            /* TEXT, CLASS */
+          )
+        ];
+      }) : _createCommentVNode("v-if", true)
+    ],
+    2
+    /* CLASS */
+  );
 }
-
-var __sfc__ = defineComponent({
+const __sfc__ = defineComponent({
   name,
   props,
-  setup(props) {
-    var {
-      index,
-      breadcrumb,
-      bindBreadcrumb
-    } = useBreadcrumb();
-    var isLast = computed(() => index.value === breadcrumb.length.value - 1);
-    var parentSeparator = computed(() => breadcrumb.separator.value);
+  setup(props2) {
+    const { index, breadcrumb, bindBreadcrumb } = useBreadcrumb();
+    const isLast = computed(() => index.value === breadcrumb.length.value - 1);
+    const parentSeparator = computed(() => breadcrumb.separator.value);
     bindBreadcrumb(null);
     function handleClick(e) {
       if (isLast.value) {
         return;
       }
-      call(props.onClick, e);
+      call(props2.onClick, e);
     }
     return {
       n,
@@ -54,4 +66,7 @@ var __sfc__ = defineComponent({
   }
 });
 __sfc__.render = __render__;
-export default __sfc__;
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};

package/es/breadcrumb/index.mjs

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

package/es/breadcrumb/props.mjs

@@ -1,5 +1,8 @@
-import { defineListenerProp } from '../utils/components.mjs';
-export var props = {
+import { defineListenerProp } from "../utils/components.mjs";
+const props = {
   separator: String,
   onClick: defineListenerProp()
-};
+};
+export {
+  props
+};

package/es/breadcrumb/provide.mjs

@@ -1,18 +1,19 @@
-import { useParent } from '@varlet/use';
-import { error } from '../utils/logger.mjs';
-import { BREADCRUMBS_BIND_BREADCRUMB_ITEM_KEY } from '../breadcrumbs/provide.mjs';
-export function useBreadcrumb() {
-  var {
-    parentProvider,
-    bindParent,
-    index
-  } = useParent(BREADCRUMBS_BIND_BREADCRUMB_ITEM_KEY);
+import { useParent } from "@varlet/use";
+import { error } from "../utils/logger.mjs";
+import { BREADCRUMBS_BIND_BREADCRUMB_ITEM_KEY } from "../breadcrumbs/provide.mjs";
+function useBreadcrumb() {
+  const { parentProvider, bindParent, index } = useParent(
+    BREADCRUMBS_BIND_BREADCRUMB_ITEM_KEY
+  );
   if (!bindParent) {
-    error('Breadcrumb', '<var-breadcrumb/> must in <var-breadcrumbs/>');
+    error("Breadcrumb", "<var-breadcrumb/> must in <var-breadcrumbs/>");
   }
   return {
     index,
     breadcrumb: parentProvider,
     bindBreadcrumb: bindParent
   };
-}
+}
+export {
+  useBreadcrumb
+};

package/es/breadcrumbs/Breadcrumbs.mjs

@@ -1,36 +1,38 @@
-import { defineComponent, computed } from 'vue';
-import { props } from './props.mjs';
-import { useBreadcrumbsList } from './provide.mjs';
-import { createNamespace } from '../utils/components.mjs';
-var {
-  name,
-  n
-} = createNamespace('breadcrumbs');
+import { defineComponent, computed } from "vue";
+import { props } from "./props.mjs";
+import { useBreadcrumbsList } from "./provide.mjs";
+import { createNamespace } from "../utils/components.mjs";
+const { name, n } = createNamespace("breadcrumbs");
 import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 function __render__(_ctx, _cache) {
-  return _openBlock(), _createElementBlock("div", {
-    class: _normalizeClass(_ctx.n())
-  }, [_renderSlot(_ctx.$slots, "default")], 2 /* CLASS */);
+  return _openBlock(), _createElementBlock(
+    "div",
+    {
+      class: _normalizeClass(_ctx.n())
+    },
+    [
+      _renderSlot(_ctx.$slots, "default")
+    ],
+    2
+    /* CLASS */
+  );
 }
-
-var __sfc__ = defineComponent({
+const __sfc__ = defineComponent({
   name,
   props,
-  setup(props) {
-    var separator = computed(() => props.separator);
-    var {
-      bindBreadcrumbList,
-      length
-    } = useBreadcrumbsList();
-    var breadcrumbsProvider = {
+  setup(props2) {
+    const separator = computed(() => props2.separator);
+    const { bindBreadcrumbList, length } = useBreadcrumbsList();
+    const breadcrumbsProvider = {
       length,
       separator
     };
     bindBreadcrumbList(breadcrumbsProvider);
-    return {
-      n
-    };
+    return { n };
   }
 });
 __sfc__.render = __render__;
-export default __sfc__;
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};

package/es/breadcrumbs/index.mjs

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

package/es/breadcrumbs/props.mjs

@@ -1,6 +1,9 @@
-export var props = {
+const props = {
   separator: {
     type: String,
-    default: '/'
+    default: "/"
   }
-};
+};
+export {
+  props
+};

package/es/breadcrumbs/provide.mjs

@@ -1,14 +1,16 @@
-import { useChildren } from '@varlet/use';
-export var BREADCRUMBS_BIND_BREADCRUMB_ITEM_KEY = Symbol('BREADCRUMBS_BIND_BREADCRUMB_KEY');
-export function useBreadcrumbsList() {
-  var {
-    childProviders,
-    bindChildren,
-    length
-  } = useChildren(BREADCRUMBS_BIND_BREADCRUMB_ITEM_KEY);
+import { useChildren } from "@varlet/use";
+const BREADCRUMBS_BIND_BREADCRUMB_ITEM_KEY = Symbol("BREADCRUMBS_BIND_BREADCRUMB_KEY");
+function useBreadcrumbsList() {
+  const { childProviders, bindChildren, length } = useChildren(
+    BREADCRUMBS_BIND_BREADCRUMB_ITEM_KEY
+  );
   return {
     length,
     breadcrumbList: childProviders,
     bindBreadcrumbList: bindChildren
   };
-}
+}
+export {
+  BREADCRUMBS_BIND_BREADCRUMB_ITEM_KEY,
+  useBreadcrumbsList
+};