@varlet/ui 2.16.7 → 2.16.8-alpha.1695118057982

package/es/button/Button.mjs

@@ -1,106 +1,109 @@
-import Ripple from '../ripple/index.mjs';
-import VarLoading from '../loading/index.mjs';
-import VarHoverOverlay, { useHoverOverlay } from '../hover-overlay/index.mjs';
-import Hover from '../hover/index.mjs';
-import { computed, defineComponent, ref } from 'vue';
-import { props } from './props.mjs';
-import { call, createNamespace, formatElevation } from '../utils/components.mjs';
-import { useButtonGroup } from './provide.mjs';
-import { isArray } from '@varlet/shared';
-var {
-  name,
-  n,
-  classes
-} = createNamespace('button');
+import Ripple from "../ripple/index.mjs";
+import VarLoading from "../loading/index.mjs";
+import VarHoverOverlay, { useHoverOverlay } from "../hover-overlay/index.mjs";
+import Hover from "../hover/index.mjs";
+import { computed, defineComponent, ref } from "vue";
+import { props } from "./props.mjs";
+import { call, createNamespace, formatElevation } from "../utils/components.mjs";
+import { useButtonGroup } from "./provide.mjs";
+import { isArray } from "@varlet/shared";
+const { name, n, classes } = createNamespace("button");
 import { resolveComponent as _resolveComponent, normalizeClass as _normalizeClass, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, createElementVNode as _createElementVNode, createVNode as _createVNode, normalizeStyle as _normalizeStyle, resolveDirective as _resolveDirective, createElementBlock as _createElementBlock, withDirectives as _withDirectives, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-var _withScopeId = n => (_pushScopeId(""), n = n(), _popScopeId(), n);
-var _hoisted_1 = ["type", "disabled"];
+const _withScopeId = (n2) => (_pushScopeId(""), n2 = n2(), _popScopeId(), n2);
+const _hoisted_1 = ["type", "disabled"];
 function __render__(_ctx, _cache) {
-  var _component_var_loading = _resolveComponent("var-loading");
-  var _component_var_hover_overlay = _resolveComponent("var-hover-overlay");
-  var _directive_ripple = _resolveDirective("ripple");
-  var _directive_hover = _resolveDirective("hover");
+  const _component_var_loading = _resolveComponent("var-loading");
+  const _component_var_hover_overlay = _resolveComponent("var-hover-overlay");
+  const _directive_ripple = _resolveDirective("ripple");
+  const _directive_hover = _resolveDirective("hover");
   return _withDirectives((_openBlock(), _createElementBlock("button", {
-    class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n('$--box'), _ctx.n("--" + _ctx.states.size), [_ctx.block, _ctx.n('$--flex') + " " + _ctx.n('--block'), _ctx.n('$--inline-flex')], [_ctx.disabled, _ctx.n('--disabled')], [_ctx.states.text, _ctx.n("--text-" + _ctx.states.type) + " " + _ctx.n('--text'), _ctx.n("--" + _ctx.states.type) + " " + _ctx.states.elevation], [_ctx.states.text && _ctx.disabled, _ctx.n('--text-disabled')], [_ctx.round, _ctx.n('--round')], [_ctx.states.outline, _ctx.n('--outline')])),
+    class: _normalizeClass(
+      _ctx.classes(
+        _ctx.n(),
+        _ctx.n("$--box"),
+        _ctx.n(`--${_ctx.states.size}`),
+        [_ctx.block, `${_ctx.n("$--flex")} ${_ctx.n("--block")}`, _ctx.n("$--inline-flex")],
+        [_ctx.disabled, _ctx.n("--disabled")],
+        [_ctx.states.text, `${_ctx.n(`--text-${_ctx.states.type}`)} ${_ctx.n("--text")}`, `${_ctx.n(`--${_ctx.states.type}`)} ${_ctx.states.elevation}`],
+        [_ctx.states.text && _ctx.disabled, _ctx.n("--text-disabled")],
+        [_ctx.round, _ctx.n("--round")],
+        [_ctx.states.outline, _ctx.n("--outline")]
+      )
+    ),
     style: _normalizeStyle({
       color: _ctx.states.textColor,
       background: _ctx.states.color
     }),
     type: _ctx.nativeType,
     disabled: _ctx.disabled,
-    onClick: _cache[0] || (_cache[0] = function () {
-      return _ctx.handleClick && _ctx.handleClick(...arguments);
-    }),
-    onTouchstart: _cache[1] || (_cache[1] = function () {
-      return _ctx.handleTouchstart && _ctx.handleTouchstart(...arguments);
-    })
-  }, [_ctx.loading || _ctx.pending ? (_openBlock(), _createBlock(_component_var_loading, {
-    key: 0,
-    class: _normalizeClass(_ctx.n('loading')),
-    "var-button-cover": "",
-    color: _ctx.loadingColor,
-    type: _ctx.loadingType,
-    size: _ctx.loadingSize,
-    radius: _ctx.loadingRadius
-  }, null, 8 /* PROPS */, ["class", "color", "type", "size", "radius"])) : _createCommentVNode("v-if", true), _createElementVNode("div", {
-    class: _normalizeClass(_ctx.classes(_ctx.n('content'), [_ctx.loading || _ctx.pending, _ctx.n('--hidden')]))
-  }, [_renderSlot(_ctx.$slots, "default")], 2 /* CLASS */), _createVNode(_component_var_hover_overlay, {
-    hovering: _ctx.disabled ? false : _ctx.hovering
-  }, null, 8 /* PROPS */, ["hovering"])], 46 /* CLASS, STYLE, PROPS, HYDRATE_EVENTS */, _hoisted_1)), [[_directive_ripple, {
-    disabled: _ctx.disabled || !_ctx.ripple
-  }], [_directive_hover, _ctx.handleHovering, "desktop"]]);
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args)),
+    onTouchstart: _cache[1] || (_cache[1] = (...args) => _ctx.handleTouchstart && _ctx.handleTouchstart(...args))
+  }, [
+    _ctx.loading || _ctx.pending ? (_openBlock(), _createBlock(_component_var_loading, {
+      key: 0,
+      class: _normalizeClass(_ctx.n("loading")),
+      "var-button-cover": "",
+      color: _ctx.loadingColor,
+      type: _ctx.loadingType,
+      size: _ctx.loadingSize,
+      radius: _ctx.loadingRadius
+    }, null, 8, ["class", "color", "type", "size", "radius"])) : _createCommentVNode("v-if", true),
+    _createElementVNode(
+      "div",
+      {
+        class: _normalizeClass(_ctx.classes(_ctx.n("content"), [_ctx.loading || _ctx.pending, _ctx.n("--hidden")]))
+      },
+      [
+        _renderSlot(_ctx.$slots, "default")
+      ],
+      2
+      /* CLASS */
+    ),
+    _createVNode(_component_var_hover_overlay, {
+      hovering: _ctx.disabled ? false : _ctx.hovering
+    }, null, 8, ["hovering"])
+  ], 46, _hoisted_1)), [
+    [_directive_ripple, { disabled: _ctx.disabled || !_ctx.ripple }],
+    [_directive_hover, _ctx.handleHovering, "desktop"]
+  ]);
 }
-var __sfc__ = defineComponent({
+const __sfc__ = defineComponent({
   name,
   components: {
     VarLoading,
     VarHoverOverlay
   },
-  directives: {
-    Ripple,
-    Hover
-  },
+  directives: { Ripple, Hover },
   props,
-  setup(props) {
-    var pending = ref(false);
-    var {
-      buttonGroup
-    } = useButtonGroup();
-    var {
-      hovering,
-      handleHovering
-    } = useHoverOverlay();
-    var states = computed(() => {
+  setup(props2) {
+    const pending = ref(false);
+    const { buttonGroup } = useButtonGroup();
+    const { hovering, handleHovering } = useHoverOverlay();
+    const states = computed(() => {
       if (!buttonGroup) {
         return {
-          elevation: formatElevation(props.elevation, 2),
-          type: props.type != null ? props.type : 'default',
-          size: props.size != null ? props.size : 'normal',
-          color: props.color,
-          text: props.text,
-          textColor: props.textColor,
-          outline: props.outline
+          elevation: formatElevation(props2.elevation, 2),
+          type: props2.type != null ? props2.type : "default",
+          size: props2.size != null ? props2.size : "normal",
+          color: props2.color,
+          text: props2.text,
+          textColor: props2.textColor,
+          outline: props2.outline
         };
       }
-      var {
-        type,
-        size,
-        color,
-        textColor,
-        mode
-      } = buttonGroup;
+      const { type, size, color, textColor, mode } = buttonGroup;
       return {
-        elevation: '',
-        type: props.type != null ? props.type : type.value,
-        size: props.size != null ? props.size : size.value,
-        color: props.color != null ? props.color : color.value,
-        textColor: props.textColor != null ? props.textColor : textColor.value,
-        text: mode.value !== 'normal',
-        outline: mode.value === 'outline'
+        elevation: "",
+        type: props2.type != null ? props2.type : type.value,
+        size: props2.size != null ? props2.size : size.value,
+        color: props2.color != null ? props2.color : color.value,
+        textColor: props2.textColor != null ? props2.textColor : textColor.value,
+        text: mode.value !== "normal",
+        outline: mode.value === "outline"
       };
     });
     function attemptAutoLoading(result) {
-      if (props.autoLoading) {
+      if (props2.autoLoading) {
         pending.value = true;
         result = isArray(result) ? result : [result];
         Promise.all(result).then(() => {
@@ -111,22 +114,14 @@ var __sfc__ = defineComponent({
       }
     }
     function handleClick(e) {
-      var {
-        loading,
-        disabled,
-        onClick
-      } = props;
+      const { loading, disabled, onClick } = props2;
       if (!onClick || loading || disabled || pending.value) {
         return;
       }
       attemptAutoLoading(call(onClick, e));
     }
     function handleTouchstart(e) {
-      var {
-        loading,
-        disabled,
-        onTouchstart
-      } = props;
+      const { loading, disabled, onTouchstart } = props2;
       if (!onTouchstart || loading || disabled || pending.value) {
         return;
       }
@@ -145,4 +140,7 @@ var __sfc__ = defineComponent({
   }
 });
 __sfc__.render = __render__;
-export default __sfc__;
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};

package/es/button/index.mjs

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

package/es/button/props.mjs

@@ -1,11 +1,29 @@
-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 { props as loadingProps } from '../loading/props.mjs';
-import { defineListenerProp, pickProps } from '../utils/components.mjs';
-export var props = {
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+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;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { props as loadingProps } from "../loading/props.mjs";
+import { defineListenerProp, pickProps } from "../utils/components.mjs";
+const props = {
   type: String,
   nativeType: {
     type: String,
-    default: 'button'
+    default: "button"
   },
   size: String,
   loading: Boolean,
@@ -26,11 +44,14 @@ export var props = {
     default: true
   },
   loadingRadius: [Number, String],
-  loadingType: pickProps(loadingProps, 'type'),
-  loadingSize: pickProps(loadingProps, 'size'),
-  loadingColor: _extends({}, pickProps(loadingProps, 'color'), {
-    default: 'currentColor'
+  loadingType: pickProps(loadingProps, "type"),
+  loadingSize: pickProps(loadingProps, "size"),
+  loadingColor: __spreadProps(__spreadValues({}, pickProps(loadingProps, "color")), {
+    default: "currentColor"
   }),
   onClick: defineListenerProp(),
   onTouchstart: defineListenerProp()
-};
+};
+export {
+  props
+};

package/es/button/provide.mjs

@@ -1,14 +1,13 @@
-import { useParent } from '@varlet/use';
-import { BUTTON_GROUP_BIND_BUTTON_KEY } from '../button-group/provide.mjs';
-export function useButtonGroup() {
-  var {
-    bindParent,
-    parentProvider,
-    index
-  } = useParent(BUTTON_GROUP_BIND_BUTTON_KEY);
+import { useParent } from "@varlet/use";
+import { BUTTON_GROUP_BIND_BUTTON_KEY } from "../button-group/provide.mjs";
+function useButtonGroup() {
+  const { bindParent, parentProvider, index } = useParent(BUTTON_GROUP_BIND_BUTTON_KEY);
   return {
     index,
     buttonGroup: parentProvider,
     bindButtonGroup: bindParent
   };
-}
+}
+export {
+  useButtonGroup
+};

package/es/button-group/ButtonGroup.mjs

@@ -1,33 +1,42 @@
-import { computed, defineComponent } from 'vue';
-import { useButtons } from './provide.mjs';
-import { createNamespace, formatElevation } from '../utils/components.mjs';
-import { props } from './props.mjs';
-var {
-  name,
-  n,
-  classes
-} = createNamespace('button-group');
+import { computed, defineComponent } from "vue";
+import { useButtons } from "./provide.mjs";
+import { createNamespace, formatElevation } from "../utils/components.mjs";
+import { props } from "./props.mjs";
+const { name, n, classes } = createNamespace("button-group");
 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.classes(_ctx.n(), _ctx.n('$--box'), [_ctx.mode, "" + _ctx.n("--mode-" + _ctx.mode)], [_ctx.vertical, _ctx.n('--vertical'), _ctx.n('--horizontal')], [_ctx.mode === 'normal', _ctx.formatElevation(_ctx.elevation, 2)]))
-  }, [_renderSlot(_ctx.$slots, "default")], 2 /* CLASS */);
+  return _openBlock(), _createElementBlock(
+    "div",
+    {
+      class: _normalizeClass(
+        _ctx.classes(
+          _ctx.n(),
+          _ctx.n("$--box"),
+          [_ctx.mode, `${_ctx.n(`--mode-${_ctx.mode}`)}`],
+          [_ctx.vertical, _ctx.n("--vertical"), _ctx.n("--horizontal")],
+          [_ctx.mode === "normal", _ctx.formatElevation(_ctx.elevation, 2)]
+        )
+      )
+    },
+    [
+      _renderSlot(_ctx.$slots, "default")
+    ],
+    2
+    /* CLASS */
+  );
 }
-
-var __sfc__ = defineComponent({
+const __sfc__ = defineComponent({
   name,
   props,
-  setup(props) {
-    var {
-      bindButtons
-    } = useButtons();
-    var buttonGroupProvider = {
-      elevation: computed(() => props.elevation),
-      type: computed(() => props.type),
-      size: computed(() => props.size),
-      color: computed(() => props.color),
-      textColor: computed(() => props.textColor),
-      mode: computed(() => props.mode)
+  setup(props2) {
+    const { bindButtons } = useButtons();
+    const buttonGroupProvider = {
+      elevation: computed(() => props2.elevation),
+      type: computed(() => props2.type),
+      size: computed(() => props2.size),
+      color: computed(() => props2.color),
+      textColor: computed(() => props2.textColor),
+      mode: computed(() => props2.mode)
     };
     bindButtons(buttonGroupProvider);
     return {
@@ -38,4 +47,7 @@ var __sfc__ = defineComponent({
   }
 });
 __sfc__.render = __render__;
-export default __sfc__;
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};

package/es/button-group/index.mjs

@@ -1,5 +1,9 @@
-import ButtonGroup from './ButtonGroup.mjs';
-import { withInstall } from '../utils/components.mjs';
+import ButtonGroup from "./ButtonGroup.mjs";
+import { withInstall } from "../utils/components.mjs";
 withInstall(ButtonGroup);
-export var _ButtonGroupComponent = ButtonGroup;
-export default ButtonGroup;
+const _ButtonGroupComponent = ButtonGroup;
+var stdin_default = ButtonGroup;
+export {
+  _ButtonGroupComponent,
+  stdin_default as default
+};

package/es/button-group/props.mjs

@@ -1,21 +1,24 @@
-export var props = {
+const props = {
   type: {
     type: String,
-    default: 'default'
+    default: "default"
   },
   size: {
     type: String,
-    default: 'normal'
+    default: "normal"
   },
   color: String,
   textColor: String,
   mode: {
     type: String,
-    default: 'normal'
+    default: "normal"
   },
   elevation: {
     type: [Boolean, Number, String],
     default: true
   },
   vertical: Boolean
-};
+};
+export {
+  props
+};

package/es/button-group/provide.mjs

@@ -1,14 +1,14 @@
-import { useChildren } from '@varlet/use';
-export var BUTTON_GROUP_BIND_BUTTON_KEY = Symbol('BUTTON_GROUP_BIND_BUTTON_KEY');
-export function useButtons() {
-  var {
-    bindChildren,
-    childProviders,
-    length
-  } = useChildren(BUTTON_GROUP_BIND_BUTTON_KEY);
+import { useChildren } from "@varlet/use";
+const BUTTON_GROUP_BIND_BUTTON_KEY = Symbol("BUTTON_GROUP_BIND_BUTTON_KEY");
+function useButtons() {
+  const { bindChildren, childProviders, length } = useChildren(BUTTON_GROUP_BIND_BUTTON_KEY);
   return {
     length,
     buttons: childProviders,
     bindButtons: bindChildren
   };
-}
+}
+export {
+  BUTTON_GROUP_BIND_BUTTON_KEY,
+  useButtons
+};