@varlet/ui 2.16.7 → 2.16.8-alpha.1695118057982

package/es/swipe/index.mjs

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

package/es/swipe/props.mjs

@@ -1,5 +1,5 @@
-import { defineListenerProp } from '../utils/components.mjs';
-export var props = {
+import { defineListenerProp } from "../utils/components.mjs";
+const props = {
   loop: {
     type: Boolean,
     default: true
@@ -28,4 +28,7 @@ export var props = {
     default: true
   },
   onChange: defineListenerProp()
-};
+};
+export {
+  props
+};

package/es/swipe/provide.mjs

@@ -1,14 +1,16 @@
-import { useChildren } from '@varlet/use';
-export var SWIPE_BIND_SWIPE_ITEM_KEY = Symbol('SWIPE_BIND_SWIPE_ITEM_KEY');
-export function useSwipeItems() {
-  var {
-    childProviders,
-    length,
-    bindChildren
-  } = useChildren(SWIPE_BIND_SWIPE_ITEM_KEY);
+import { useChildren } from "@varlet/use";
+const SWIPE_BIND_SWIPE_ITEM_KEY = Symbol("SWIPE_BIND_SWIPE_ITEM_KEY");
+function useSwipeItems() {
+  const { childProviders, length, bindChildren } = useChildren(
+    SWIPE_BIND_SWIPE_ITEM_KEY
+  );
   return {
     length,
     swipeItems: childProviders,
     bindSwipeItems: bindChildren
   };
-}
+}
+export {
+  SWIPE_BIND_SWIPE_ITEM_KEY,
+  useSwipeItems
+};

package/es/swipe-item/SwipeItem.mjs

@@ -1,36 +1,33 @@
-import { defineComponent, ref } from 'vue';
-import { useSwipe } from './provide.mjs';
-import { createNamespace } from '../utils/components.mjs';
-var {
-  name,
-  n
-} = createNamespace('swipe-item');
+import { defineComponent, ref } from "vue";
+import { useSwipe } from "./provide.mjs";
+import { createNamespace } from "../utils/components.mjs";
+const { name, n } = createNamespace("swipe-item");
 import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 function __render__(_ctx, _cache) {
-  return _openBlock(), _createElementBlock("div", {
-    class: _normalizeClass(_ctx.n()),
-    style: _normalizeStyle({
-      width: !_ctx.vertical ? _ctx.size + "px" : undefined,
-      height: _ctx.vertical ? _ctx.size + "px" : undefined,
-      transform: "translate" + (_ctx.vertical ? 'Y' : 'X') + "(" + _ctx.translate + "px)"
-    })
-  }, [_renderSlot(_ctx.$slots, "default")], 6 /* CLASS, STYLE */);
+  return _openBlock(), _createElementBlock(
+    "div",
+    {
+      class: _normalizeClass(_ctx.n()),
+      style: _normalizeStyle({
+        width: !_ctx.vertical ? `${_ctx.size}px` : void 0,
+        height: _ctx.vertical ? `${_ctx.size}px` : void 0,
+        transform: `translate${_ctx.vertical ? "Y" : "X"}(${_ctx.translate}px)`
+      })
+    },
+    [
+      _renderSlot(_ctx.$slots, "default")
+    ],
+    6
+    /* CLASS, STYLE */
+  );
 }
-
-var __sfc__ = defineComponent({
+const __sfc__ = defineComponent({
   name,
   setup() {
-    var translate = ref(0);
-    var {
-      swipe,
-      bindSwipe,
-      index
-    } = useSwipe();
-    var {
-      size,
-      vertical
-    } = swipe;
-    var swipeItemProvider = {
+    const translate = ref(0);
+    const { swipe, bindSwipe, index } = useSwipe();
+    const { size, vertical } = swipe;
+    const swipeItemProvider = {
       index,
       setTranslate
     };
@@ -47,4 +44,7 @@ var __sfc__ = defineComponent({
   }
 });
 __sfc__.render = __render__;
-export default __sfc__;
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};

package/es/swipe-item/index.mjs

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

package/es/swipe-item/provide.mjs

@@ -1,18 +1,17 @@
-import { useParent } from '@varlet/use';
-import { error } from '../utils/logger.mjs';
-import { SWIPE_BIND_SWIPE_ITEM_KEY } from '../swipe/provide.mjs';
-export function useSwipe() {
-  var {
-    bindParent,
-    index,
-    parentProvider
-  } = useParent(SWIPE_BIND_SWIPE_ITEM_KEY);
+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/>');
+    error("SwipeItem", "<var-swipe-item/> must in <var-swipe/>");
   }
   return {
     index,
     swipe: parentProvider,
     bindSwipe: bindParent
   };
-}
+}
+export {
+  useSwipe
+};

package/es/switch/Switch.mjs

@@ -1,100 +1,137 @@
-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, call } from '../utils/components.mjs';
-import { multiplySizeUnit } from '../utils/elements.mjs';
-import { useForm } from '../form/provide.mjs';
-import { props } from './props.mjs';
-var {
-  name,
-  n,
-  classes
-} = createNamespace('switch');
+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, call } from "../utils/components.mjs";
+import { multiplySizeUnit } from "../utils/elements.mjs";
+import { useForm } from "../form/provide.mjs";
+import { props } from "./props.mjs";
+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";
-var _withScopeId = n => (_pushScopeId(""), n = n(), _popScopeId(), n);
-var _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 */));
-var _hoisted_2 = [_hoisted_1];
-function __render__(_ctx, _cache) {
-  var _component_var_hover_overlay = _resolveComponent("var-hover-overlay");
-  var _component_var_form_details = _resolveComponent("var-form-details");
-  var _directive_ripple = _resolveDirective("ripple");
-  var _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] = function () {
-      return _ctx.switchActive && _ctx.switchActive(...arguments);
-    }),
-    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
+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"
     })
-  }, _hoisted_2, 6 /* CLASS, STYLE */)) : _createCommentVNode("v-if", true)], 6 /* CLASS, STYLE */), _createVNode(_component_var_hover_overlay, {
-    hovering: _ctx.hovering
-  }, null, 8 /* PROPS */, ["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 /* PROPS */, ["error-message"])], 2 /* CLASS */)), [[_directive_hover, _ctx.hover, "desktop"]]);
+  ],
+  -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"]
+  ]);
 }
-var __sfc__ = defineComponent({
+const __sfc__ = defineComponent({
   name,
   components: {
     VarFormDetails,
     VarHoverOverlay
   },
-  directives: {
-    Ripple,
-    Hover
-  },
+  directives: { Ripple, Hover },
   props,
-  setup(props) {
-    var {
-      bindForm,
-      form
-    } = useForm();
-    var {
-      errorMessage,
-      validateWithTrigger: vt,
-      validate: v,
-      resetValidation
-    } = useValidation();
-    var {
-      hovering,
-      handleHovering
-    } = useHoverOverlay();
-    var styleComputed = computed(() => {
-      var {
-        size,
-        modelValue,
-        color,
-        closeColor,
-        loadingColor,
-        activeValue
-      } = 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),
@@ -103,8 +140,8 @@ var __sfc__ = defineComponent({
           color: loadingColor
         },
         ripple: {
-          left: modelValue === activeValue ? multiplySizeUnit(size, 0.5) : "-" + multiplySizeUnit(size, 0.5),
-          color: modelValue === activeValue ? color : closeColor || '#999',
+          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)
         },
@@ -112,7 +149,7 @@ var __sfc__ = defineComponent({
           height: multiplySizeUnit(size, 0.72),
           width: multiplySizeUnit(size, 1.9),
           borderRadius: multiplySizeUnit(size, 2 / 3),
-          filter: modelValue === activeValue || errorMessage != null && errorMessage.value ? undefined : 'brightness(.6)',
+          filter: modelValue === activeValue || (errorMessage == null ? void 0 : errorMessage.value) ? void 0 : "brightness(.6)",
           backgroundColor: modelValue === activeValue ? color : closeColor
         },
         switch: {
@@ -121,21 +158,21 @@ var __sfc__ = defineComponent({
         }
       };
     });
-    var radius = computed(() => multiplySizeUnit(props.size, 0.8));
-    var switchProvider = {
+    const radius = computed(() => multiplySizeUnit(props2.size, 0.8));
+    const switchProvider = {
       reset,
       validate,
       resetValidation
     };
     call(bindForm, switchProvider);
     function validate() {
-      return v(props.rules, props.modelValue);
+      return v(props2.rules, props2.modelValue);
     }
     function validateWithTrigger() {
-      return nextTick(() => vt(['onChange'], 'onChange', props.rules, props.modelValue));
+      return nextTick(() => vt(["onChange"], "onChange", props2.rules, props2.modelValue));
     }
     function switchActive(event) {
-      var {
+      const {
         onClick,
         onChange,
         disabled,
@@ -144,25 +181,25 @@ var __sfc__ = defineComponent({
         modelValue,
         activeValue,
         inactiveValue,
-        'onUpdate:modelValue': updateModelValue
-      } = props;
+        "onUpdate:modelValue": updateModelValue
+      } = props2;
       call(onClick, event);
-      if (disabled || loading || readonly || form != null && form.disabled.value || form != null && form.readonly.value) {
+      if (disabled || loading || readonly || (form == null ? void 0 : form.disabled.value) || (form == null ? void 0 : form.readonly.value)) {
         return;
       }
-      var newValue = modelValue === activeValue ? inactiveValue : activeValue;
+      const newValue = modelValue === activeValue ? inactiveValue : activeValue;
       call(onChange, newValue);
       call(updateModelValue, newValue);
       validateWithTrigger();
     }
     function hover(value) {
-      if (props.disabled || form != null && form.disabled.value) {
+      if (props2.disabled || (form == null ? void 0 : form.disabled.value)) {
         return;
       }
       handleHovering(value);
     }
     function reset() {
-      call(props['onUpdate:modelValue'], props.inactiveValue);
+      call(props2["onUpdate:modelValue"], props2.inactiveValue);
       resetValidation();
     }
     return {
@@ -181,4 +218,7 @@ var __sfc__ = defineComponent({
   }
 });
 __sfc__.render = __render__;
-export default __sfc__;
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};

package/es/switch/index.mjs

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

package/es/switch/props.mjs

@@ -1,5 +1,5 @@
-import { defineListenerProp } from '../utils/components.mjs';
-export var props = {
+import { defineListenerProp } from "../utils/components.mjs";
+const props = {
   modelValue: {
     default: false
   },
@@ -23,5 +23,8 @@ export var props = {
   },
   onClick: defineListenerProp(),
   onChange: defineListenerProp(),
-  'onUpdate:modelValue': defineListenerProp()
-};
+  "onUpdate:modelValue": defineListenerProp()
+};
+export {
+  props
+};

package/es/switch/provide.ts

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