@varlet/ui 2.16.7 → 2.16.8-alpha.1695118057982

package/es/badge/Badge.mjs

@@ -1,54 +1,79 @@
-import VarIcon from '../icon/index.mjs';
-import { toNumber } from '@varlet/shared';
-import { computed, defineComponent } from 'vue';
-import { props } from './props.mjs';
-import { createNamespace } from '../utils/components.mjs';
-var {
-  name,
-  n,
-  classes
-} = createNamespace('badge');
+import VarIcon from "../icon/index.mjs";
+import { toNumber } from "@varlet/shared";
+import { computed, defineComponent } from "vue";
+import { props } from "./props.mjs";
+import { createNamespace } from "../utils/components.mjs";
+const { name, n, classes } = createNamespace("badge");
 import { renderSlot as _renderSlot, resolveComponent as _resolveComponent, normalizeClass as _normalizeClass, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createElementBlock as _createElementBlock, vShow as _vShow, mergeProps as _mergeProps, createElementVNode as _createElementVNode, withDirectives as _withDirectives, Transition as _Transition, withCtx as _withCtx, createVNode as _createVNode } from "vue";
 function __render__(_ctx, _cache) {
-  var _component_var_icon = _resolveComponent("var-icon");
-  return _openBlock(), _createElementBlock("div", {
-    class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n('$--box')))
-  }, [_renderSlot(_ctx.$slots, "default"), _createVNode(_Transition, {
-    name: _ctx.n('$-badge-fade'),
-    persisted: ""
-  }, {
-    default: _withCtx(() => [_withDirectives(_createElementVNode("span", _mergeProps({
-      class: _ctx.classes(_ctx.n('content'), _ctx.n("--" + _ctx.type), [_ctx.$slots.default, _ctx.n("--" + _ctx.position)], [_ctx.dot, _ctx.n('--dot')], [_ctx.icon, _ctx.n('--icon')]),
-      style: {
-        background: _ctx.color
-      }
-    }, _ctx.$attrs), [_ctx.icon ? (_openBlock(), _createBlock(_component_var_icon, {
-      key: 0,
-      class: _normalizeClass(_ctx.n('icon')),
-      "var-badge-cover": "",
-      name: _ctx.icon
-    }, null, 8 /* PROPS */, ["class", "name"])) : _createCommentVNode("v-if", true), _renderSlot(_ctx.$slots, "value", {}, () => [!_ctx.icon && !_ctx.dot ? (_openBlock(), _createElementBlock("span", {
-      key: 0,
-      class: _normalizeClass(_ctx.n('value'))
-    }, _toDisplayString(_ctx.value), 3 /* TEXT, CLASS */)) : _createCommentVNode("v-if", true)])], 16 /* FULL_PROPS */), [[_vShow, !_ctx.hidden]])]),
-    _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["name"])], 2 /* CLASS */);
+  const _component_var_icon = _resolveComponent("var-icon");
+  return _openBlock(), _createElementBlock(
+    "div",
+    {
+      class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n("$--box")))
+    },
+    [
+      _renderSlot(_ctx.$slots, "default"),
+      _createVNode(_Transition, {
+        name: _ctx.n("$-badge-fade"),
+        persisted: ""
+      }, {
+        default: _withCtx(() => [
+          _withDirectives(_createElementVNode(
+            "span",
+            _mergeProps({
+              class: _ctx.classes(
+                _ctx.n("content"),
+                _ctx.n(`--${_ctx.type}`),
+                [_ctx.$slots.default, _ctx.n(`--${_ctx.position}`)],
+                [_ctx.dot, _ctx.n("--dot")],
+                [_ctx.icon, _ctx.n("--icon")]
+              ),
+              style: { background: _ctx.color }
+            }, _ctx.$attrs),
+            [
+              _ctx.icon ? (_openBlock(), _createBlock(_component_var_icon, {
+                key: 0,
+                class: _normalizeClass(_ctx.n("icon")),
+                "var-badge-cover": "",
+                name: _ctx.icon
+              }, null, 8, ["class", "name"])) : _createCommentVNode("v-if", true),
+              _renderSlot(_ctx.$slots, "value", {}, () => [
+                !_ctx.icon && !_ctx.dot ? (_openBlock(), _createElementBlock(
+                  "span",
+                  {
+                    key: 0,
+                    class: _normalizeClass(_ctx.n("value"))
+                  },
+                  _toDisplayString(_ctx.value),
+                  3
+                  /* TEXT, CLASS */
+                )) : _createCommentVNode("v-if", true)
+              ])
+            ],
+            16
+            /* FULL_PROPS */
+          ), [
+            [_vShow, !_ctx.hidden]
+          ])
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 8, ["name"])
+    ],
+    2
+    /* CLASS */
+  );
 }
-
-var __sfc__ = defineComponent({
+const __sfc__ = defineComponent({
   name,
-  components: {
-    VarIcon
-  },
+  components: { VarIcon },
   inheritAttrs: false,
   props,
-  setup(props) {
-    var value = computed(() => {
-      var {
-        value,
-        maxValue
-      } = props;
-      return value != null && maxValue != null && toNumber(value) > toNumber(maxValue) ? maxValue + "+" : value;
+  setup(props2) {
+    const value = computed(() => {
+      const { value: value2, maxValue } = props2;
+      return value2 != null && maxValue != null && toNumber(value2) > toNumber(maxValue) ? `${maxValue}+` : value2;
     });
     return {
       value,
@@ -58,4 +83,7 @@ var __sfc__ = defineComponent({
   }
 });
 __sfc__.render = __render__;
-export default __sfc__;
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};

package/es/badge/index.mjs

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

package/es/badge/props.mjs

@@ -1,11 +1,11 @@
-export var props = {
+const props = {
   type: {
     type: String,
-    default: 'default'
+    default: "default"
   },
   position: {
     type: String,
-    default: 'right-top'
+    default: "right-top"
   },
   hidden: Boolean,
   value: {
@@ -16,4 +16,7 @@ export var props = {
   dot: Boolean,
   icon: String,
   color: String
-};
+};
+export {
+  props
+};

package/es/bottom-navigation/BottomNavigation.mjs

@@ -1,66 +1,75 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import VarButton from '../button/index.mjs';
-import { defineComponent, ref, computed, onUpdated, watch } from 'vue';
-import { props } from './props.mjs';
-import { useBottomNavigationItems } from './provide.mjs';
-import { createNamespace, call } from '../utils/components.mjs';
-import { isNumber, normalizeToArray } from '@varlet/shared';
-import { onSmartMounted } from '@varlet/use';
-var {
-  name,
-  n,
-  classes
-} = createNamespace('bottom-navigation');
-var {
-  n: nItem
-} = createNamespace('bottom-navigation-item');
-var RIGHT_HALF_SPACE_CLASS = nItem('--right-half-space');
-var LEFT_HALF_SPACE_CLASS = nItem('--left-half-space');
-var RIGHT_SPACE_CLASS = nItem('--right-space');
-var defaultFabProps = {
-  type: 'primary'
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import VarButton from "../button/index.mjs";
+import { defineComponent, ref, computed, onUpdated, watch } from "vue";
+import { props } from "./props.mjs";
+import { useBottomNavigationItems } from "./provide.mjs";
+import { createNamespace, call } from "../utils/components.mjs";
+import { isNumber, normalizeToArray } from "@varlet/shared";
+import { onSmartMounted } from "@varlet/use";
+const { name, n, classes } = createNamespace("bottom-navigation");
+const { n: nItem } = createNamespace("bottom-navigation-item");
+const RIGHT_HALF_SPACE_CLASS = nItem("--right-half-space");
+const LEFT_HALF_SPACE_CLASS = nItem("--left-half-space");
+const RIGHT_SPACE_CLASS = nItem("--right-space");
+const defaultFabProps = {
+  type: "primary"
 };
 import { renderSlot as _renderSlot, resolveComponent as _resolveComponent, mergeProps as _mergeProps, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, createElementBlock as _createElementBlock } from "vue";
 function __render__(_ctx, _cache) {
-  var _component_var_button = _resolveComponent("var-button");
-  return _openBlock(), _createElementBlock("div", {
-    class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n('$--box'), [_ctx.fixed, _ctx.n('--fixed')], [_ctx.border, _ctx.n('--border')], [_ctx.safeArea, _ctx.n('--safe-area')])),
-    ref: "bottomNavigationDom",
-    style: _normalizeStyle("z-index:" + _ctx.zIndex)
-  }, [_renderSlot(_ctx.$slots, "default"), _ctx.$slots.fab ? (_openBlock(), _createBlock(_component_var_button, _mergeProps({
-    key: 0,
-    class: _ctx.classes(_ctx.n('fab'), [_ctx.length % 2, _ctx.n('--fab-right'), _ctx.n('--fab-center')]),
-    "var-bottom-navigation__fab": "",
-    onClick: _ctx.handleFabClick
-  }, _ctx.fabProps, {
-    round: ""
-  }), {
-    default: _withCtx(() => [_renderSlot(_ctx.$slots, "fab")]),
-    _: 3 /* FORWARDED */
-  }, 16 /* FULL_PROPS */, ["class", "onClick"])) : _createCommentVNode("v-if", true)], 6 /* CLASS, STYLE */);
+  const _component_var_button = _resolveComponent("var-button");
+  return _openBlock(), _createElementBlock(
+    "div",
+    {
+      class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n("$--box"), [_ctx.fixed, _ctx.n("--fixed")], [_ctx.border, _ctx.n("--border")], [_ctx.safeArea, _ctx.n("--safe-area")])),
+      ref: "bottomNavigationDom",
+      style: _normalizeStyle(`z-index:${_ctx.zIndex}`)
+    },
+    [
+      _renderSlot(_ctx.$slots, "default"),
+      _ctx.$slots.fab ? (_openBlock(), _createBlock(_component_var_button, _mergeProps({
+        key: 0,
+        class: _ctx.classes(_ctx.n("fab"), [_ctx.length % 2, _ctx.n("--fab-right"), _ctx.n("--fab-center")]),
+        "var-bottom-navigation__fab": "",
+        onClick: _ctx.handleFabClick
+      }, _ctx.fabProps, { round: "" }), {
+        default: _withCtx(() => [
+          _renderSlot(_ctx.$slots, "fab")
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 16, ["class", "onClick"])) : _createCommentVNode("v-if", true)
+    ],
+    6
+    /* CLASS, STYLE */
+  );
 }
-
-var __sfc__ = defineComponent({
+const __sfc__ = defineComponent({
   name,
-  components: {
-    VarButton
-  },
+  components: { VarButton },
   props,
-  setup(props, _ref) {
-    var {
-      slots
-    } = _ref;
-    var bottomNavigationDom = ref(null);
-    var active = computed(() => props.active);
-    var activeColor = computed(() => props.activeColor);
-    var inactiveColor = computed(() => props.inactiveColor);
-    var fabProps = ref({});
-    var {
-      length,
-      bottomNavigationItems,
-      bindBottomNavigationItem
-    } = useBottomNavigationItems();
-    var bottomNavigationProvider = {
+  setup(props2, { slots }) {
+    const bottomNavigationDom = ref(null);
+    const active = computed(() => props2.active);
+    const activeColor = computed(() => props2.activeColor);
+    const inactiveColor = computed(() => props2.inactiveColor);
+    const fabProps = ref({});
+    const { length, bottomNavigationItems, bindBottomNavigationItem } = useBottomNavigationItems();
+    const bottomNavigationProvider = {
       active,
       activeColor,
       inactiveColor,
@@ -68,12 +77,13 @@ var __sfc__ = defineComponent({
     };
     bindBottomNavigationItem(bottomNavigationProvider);
     watch(() => length.value, matchBoundary);
-    watch(() => props.fabProps, newValue => {
-      fabProps.value = _extends({}, defaultFabProps, newValue);
-    }, {
-      immediate: true,
-      deep: true
-    });
+    watch(
+      () => props2.fabProps,
+      (newValue) => {
+        fabProps.value = __spreadValues(__spreadValues({}, defaultFabProps), newValue);
+      },
+      { immediate: true, deep: true }
+    );
     onSmartMounted(() => {
       if (!slots.fab) {
         return;
@@ -94,71 +104,61 @@ var __sfc__ = defineComponent({
       handleActiveIndex();
     }
     function matchName() {
-      return bottomNavigationItems.find(_ref2 => {
-        var {
-          name
-        } = _ref2;
-        return active.value === name.value;
-      });
+      return bottomNavigationItems.find(({ name: name2 }) => active.value === name2.value);
     }
     function matchIndex() {
-      return bottomNavigationItems.find(_ref3 => {
-        var {
-          index
-        } = _ref3;
-        return active.value === index.value;
-      });
+      return bottomNavigationItems.find(({ index }) => active.value === index.value);
     }
     function handleActiveIndex() {
       if (!isNumber(active.value)) {
         return;
       }
       if (active.value < 0) {
-        call(props['onUpdate:active'], 0);
+        call(props2["onUpdate:active"], 0);
       } else if (active.value > length.value - 1) {
-        call(props['onUpdate:active'], length.value - 1);
+        call(props2["onUpdate:active"], length.value - 1);
       }
     }
     function onToggle(changedValue) {
       if (active.value === changedValue) {
         return;
       }
-      props.onBeforeChange ? handleBeforeChange(changedValue) : handleChange(changedValue);
+      props2.onBeforeChange ? handleBeforeChange(changedValue) : handleChange(changedValue);
     }
     function handleBeforeChange(changedValue) {
-      var results = normalizeToArray(call(props.onBeforeChange, changedValue));
-      Promise.all(results).then(results => {
-        if (results.every(Boolean)) {
+      const results = normalizeToArray(call(props2.onBeforeChange, changedValue));
+      Promise.all(results).then((results2) => {
+        if (results2.every(Boolean)) {
           handleChange(changedValue);
         }
       });
     }
     function handleChange(changedValue) {
-      call(props['onUpdate:active'], changedValue);
-      call(props.onChange, changedValue);
+      call(props2["onUpdate:active"], changedValue);
+      call(props2.onChange, changedValue);
     }
     function removeMarginClass() {
-      var bottomNavigationItems = getBottomNavigationItems();
-      bottomNavigationItems.forEach(dom => {
+      const bottomNavigationItems2 = getBottomNavigationItems();
+      bottomNavigationItems2.forEach((dom) => {
         dom.classList.remove(RIGHT_HALF_SPACE_CLASS, LEFT_HALF_SPACE_CLASS, RIGHT_SPACE_CLASS);
       });
     }
-    function addMarginClass(length) {
-      var bottomNavigationItems = getBottomNavigationItems();
-      var itemsNum = bottomNavigationItems.length;
-      var isEven = length % 2 === 0;
-      bottomNavigationItems.forEach((bottomNavigationItem, i) => {
+    function addMarginClass(length2) {
+      const bottomNavigationItems2 = getBottomNavigationItems();
+      const itemsNum = bottomNavigationItems2.length;
+      const isEven = length2 % 2 === 0;
+      bottomNavigationItems2.forEach((bottomNavigationItem, i) => {
         handleMarginClass(isEven, bottomNavigationItem, i, itemsNum);
       });
     }
-    function handleMarginClass(isEven, dom, i, length) {
-      var isLast = i === length - 1;
+    function handleMarginClass(isEven, dom, i, length2) {
+      const isLast = i === length2 - 1;
       if (!isEven && isLast) {
         dom.classList.add(RIGHT_SPACE_CLASS);
         return;
       }
-      var isFabLeft = i === length / 2 - 1;
-      var isFabRight = i === length / 2;
+      const isFabLeft = i === length2 / 2 - 1;
+      const isFabRight = i === length2 / 2;
       if (isFabLeft) {
         dom.classList.add(RIGHT_HALF_SPACE_CLASS);
       } else if (isFabRight) {
@@ -166,10 +166,10 @@ var __sfc__ = defineComponent({
       }
     }
     function getBottomNavigationItems() {
-      return Array.from(bottomNavigationDom.value.querySelectorAll("." + nItem()));
+      return Array.from(bottomNavigationDom.value.querySelectorAll(`.${nItem()}`));
     }
     function handleFabClick() {
-      call(props.onFabClick);
+      call(props2.onFabClick);
     }
     return {
       length,
@@ -182,4 +182,7 @@ var __sfc__ = defineComponent({
   }
 });
 __sfc__.render = __render__;
-export default __sfc__;
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};

package/es/bottom-navigation/index.mjs

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

package/es/bottom-navigation/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: [Number, String],
     default: 0
@@ -17,5 +17,8 @@ export var props = {
   onChange: defineListenerProp(),
   onBeforeChange: defineListenerProp(),
   onFabClick: defineListenerProp(),
-  'onUpdate:active': defineListenerProp()
-};
+  "onUpdate:active": defineListenerProp()
+};
+export {
+  props
+};

package/es/bottom-navigation/provide.mjs

@@ -1,14 +1,18 @@
-import { useChildren } from '@varlet/use';
-export var BOTTOM_NAVIGATION_BIND_BOTTOM_NAVIGATION_ITEM_KEY = Symbol('BOTTOM_NAVIGATION_BIND_BOTTOM_NAVIGATION_ITEM_KEY');
-export function useBottomNavigationItems() {
-  var {
-    childProviders,
-    length,
-    bindChildren
-  } = useChildren(BOTTOM_NAVIGATION_BIND_BOTTOM_NAVIGATION_ITEM_KEY);
+import { useChildren } from "@varlet/use";
+const BOTTOM_NAVIGATION_BIND_BOTTOM_NAVIGATION_ITEM_KEY = Symbol(
+  "BOTTOM_NAVIGATION_BIND_BOTTOM_NAVIGATION_ITEM_KEY"
+);
+function useBottomNavigationItems() {
+  const { childProviders, length, bindChildren } = useChildren(
+    BOTTOM_NAVIGATION_BIND_BOTTOM_NAVIGATION_ITEM_KEY
+  );
   return {
     length,
     bottomNavigationItems: childProviders,
     bindBottomNavigationItem: bindChildren
   };
-}
+}
+export {
+  BOTTOM_NAVIGATION_BIND_BOTTOM_NAVIGATION_ITEM_KEY,
+  useBottomNavigationItems
+};