@varlet/ui 2.16.7 → 2.16.8-alpha.1695118057982

package/es/radio/Radio.mjs

@@ -1,68 +1,103 @@
-import VarIcon from '../icon/index.mjs';
-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 { computed, defineComponent, nextTick, ref } from 'vue';
-import { props } from './props.mjs';
-import { useValidation, createNamespace, call, useVModel } from '../utils/components.mjs';
-import { useRadioGroup } from './provide.mjs';
-import { useForm } from '../form/provide.mjs';
-var {
-  name,
-  n,
-  classes
-} = createNamespace('radio');
+import VarIcon from "../icon/index.mjs";
+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 { computed, defineComponent, nextTick, ref } from "vue";
+import { props } from "./props.mjs";
+import { useValidation, createNamespace, call, useVModel } from "../utils/components.mjs";
+import { useRadioGroup } from "./provide.mjs";
+import { useForm } from "../form/provide.mjs";
+const { name, n, classes } = createNamespace("radio");
 import { renderSlot as _renderSlot, resolveComponent as _resolveComponent, normalizeClass as _normalizeClass, createVNode as _createVNode, normalizeStyle as _normalizeStyle, resolveDirective as _resolveDirective, openBlock as _openBlock, createElementBlock as _createElementBlock, withDirectives as _withDirectives, createElementVNode as _createElementVNode, mergeProps as _mergeProps } from "vue";
 function __render__(_ctx, _cache) {
-  var _component_var_icon = _resolveComponent("var-icon");
-  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 _openBlock(), _createElementBlock("div", {
-    class: _normalizeClass(_ctx.n('wrap'))
-  }, [_createElementVNode("div", _mergeProps({
-    class: _ctx.n(),
-    onClick: _cache[0] || (_cache[0] = function () {
-      return _ctx.handleClick && _ctx.handleClick(...arguments);
-    })
-  }, _ctx.$attrs), [_withDirectives((_openBlock(), _createElementBlock("div", {
-    class: _normalizeClass(_ctx.classes(_ctx.n('action'), [_ctx.checked, _ctx.n('--checked'), _ctx.n('--unchecked')], [_ctx.errorMessage || _ctx.radioGroupErrorMessage, _ctx.n('--error')], [_ctx.formDisabled || _ctx.disabled, _ctx.n('--disabled')])),
-    style: _normalizeStyle({
-      color: _ctx.checked ? _ctx.checkedColor : _ctx.uncheckedColor
-    })
-  }, [_ctx.checked ? _renderSlot(_ctx.$slots, "checked-icon", {
-    key: 0
-  }, () => [_createVNode(_component_var_icon, {
-    class: _normalizeClass(_ctx.classes(_ctx.n('icon'), [_ctx.withAnimation, _ctx.n('--with-animation')])),
-    "var-radio-cover": "",
-    name: "radio-marked",
-    size: _ctx.iconSize
-  }, null, 8 /* PROPS */, ["class", "size"])]) : _renderSlot(_ctx.$slots, "unchecked-icon", {
-    key: 1
-  }, () => [_createVNode(_component_var_icon, {
-    class: _normalizeClass(_ctx.classes(_ctx.n('icon'), [_ctx.withAnimation, _ctx.n('--with-animation')])),
-    "var-radio-cover": "",
-    name: "radio-blank",
-    size: _ctx.iconSize
-  }, null, 8 /* PROPS */, ["class", "size"])]), _createVNode(_component_var_hover_overlay, {
-    hovering: !_ctx.disabled && !_ctx.formDisabled && _ctx.hovering
-  }, null, 8 /* PROPS */, ["hovering"])], 6 /* CLASS, STYLE */)), [[_directive_ripple, {
-    disabled: _ctx.formReadonly || _ctx.readonly || _ctx.formDisabled || _ctx.disabled || !_ctx.ripple
-  }], [_directive_hover, _ctx.handleHovering, "desktop"]]), _createElementVNode("div", {
-    class: _normalizeClass(_ctx.classes(_ctx.n('text'), [_ctx.errorMessage || _ctx.radioGroupErrorMessage, _ctx.n('--error')], [_ctx.formDisabled || _ctx.disabled, _ctx.n('--disabled')]))
-  }, [_renderSlot(_ctx.$slots, "default")], 2 /* CLASS */)], 16 /* FULL_PROPS */), _createVNode(_component_var_form_details, {
-    "error-message": _ctx.errorMessage
-  }, null, 8 /* PROPS */, ["error-message"])], 2 /* CLASS */);
+  const _component_var_icon = _resolveComponent("var-icon");
+  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 _openBlock(), _createElementBlock(
+    "div",
+    {
+      class: _normalizeClass(_ctx.n("wrap"))
+    },
+    [
+      _createElementVNode(
+        "div",
+        _mergeProps({
+          class: _ctx.n(),
+          onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+        }, _ctx.$attrs),
+        [
+          _withDirectives((_openBlock(), _createElementBlock(
+            "div",
+            {
+              class: _normalizeClass(
+                _ctx.classes(
+                  _ctx.n("action"),
+                  [_ctx.checked, _ctx.n("--checked"), _ctx.n("--unchecked")],
+                  [_ctx.errorMessage || _ctx.radioGroupErrorMessage, _ctx.n("--error")],
+                  [_ctx.formDisabled || _ctx.disabled, _ctx.n("--disabled")]
+                )
+              ),
+              style: _normalizeStyle({ color: _ctx.checked ? _ctx.checkedColor : _ctx.uncheckedColor })
+            },
+            [
+              _ctx.checked ? _renderSlot(_ctx.$slots, "checked-icon", { key: 0 }, () => [
+                _createVNode(_component_var_icon, {
+                  class: _normalizeClass(_ctx.classes(_ctx.n("icon"), [_ctx.withAnimation, _ctx.n("--with-animation")])),
+                  "var-radio-cover": "",
+                  name: "radio-marked",
+                  size: _ctx.iconSize
+                }, null, 8, ["class", "size"])
+              ]) : _renderSlot(_ctx.$slots, "unchecked-icon", { key: 1 }, () => [
+                _createVNode(_component_var_icon, {
+                  class: _normalizeClass(_ctx.classes(_ctx.n("icon"), [_ctx.withAnimation, _ctx.n("--with-animation")])),
+                  "var-radio-cover": "",
+                  name: "radio-blank",
+                  size: _ctx.iconSize
+                }, null, 8, ["class", "size"])
+              ]),
+              _createVNode(_component_var_hover_overlay, {
+                hovering: !_ctx.disabled && !_ctx.formDisabled && _ctx.hovering
+              }, null, 8, ["hovering"])
+            ],
+            6
+            /* CLASS, STYLE */
+          )), [
+            [_directive_ripple, { disabled: _ctx.formReadonly || _ctx.readonly || _ctx.formDisabled || _ctx.disabled || !_ctx.ripple }],
+            [_directive_hover, _ctx.handleHovering, "desktop"]
+          ]),
+          _createElementVNode(
+            "div",
+            {
+              class: _normalizeClass(
+                _ctx.classes(
+                  _ctx.n("text"),
+                  [_ctx.errorMessage || _ctx.radioGroupErrorMessage, _ctx.n("--error")],
+                  [_ctx.formDisabled || _ctx.disabled, _ctx.n("--disabled")]
+                )
+              )
+            },
+            [
+              _renderSlot(_ctx.$slots, "default")
+            ],
+            2
+            /* CLASS */
+          )
+        ],
+        16
+        /* FULL_PROPS */
+      ),
+      _createVNode(_component_var_form_details, { "error-message": _ctx.errorMessage }, null, 8, ["error-message"])
+    ],
+    2
+    /* CLASS */
+  );
 }
-
-var __sfc__ = defineComponent({
+const __sfc__ = defineComponent({
   name,
-  directives: {
-    Ripple,
-    Hover
-  },
+  directives: { Ripple, Hover },
   components: {
     VarIcon,
     VarFormDetails,
@@ -70,30 +105,21 @@ var __sfc__ = defineComponent({
   },
   inheritAttrs: false,
   props,
-  setup(props) {
-    var value = useVModel(props, 'modelValue');
-    var checked = computed(() => value.value === props.checkedValue);
-    var withAnimation = ref(false);
-    var {
-      radioGroup,
-      bindRadioGroup
-    } = useRadioGroup();
-    var {
-      hovering,
-      handleHovering
-    } = useHoverOverlay();
-    var {
-      form,
-      bindForm
-    } = useForm();
-    var {
+  setup(props2) {
+    const value = useVModel(props2, "modelValue");
+    const checked = computed(() => value.value === props2.checkedValue);
+    const withAnimation = ref(false);
+    const { radioGroup, bindRadioGroup } = useRadioGroup();
+    const { hovering, handleHovering } = useHoverOverlay();
+    const { form, bindForm } = useForm();
+    const {
       errorMessage,
       validateWithTrigger: vt,
       validate: v,
       // expose
       resetValidation
     } = useValidation();
-    var radioProvider = {
+    const radioProvider = {
       sync,
       validate,
       resetValidation,
@@ -103,71 +129,46 @@ var __sfc__ = defineComponent({
     call(bindForm, radioProvider);
     function validateWithTrigger(trigger) {
       nextTick(() => {
-        var {
-          validateTrigger,
-          rules,
-          modelValue
-        } = props;
+        const { validateTrigger, rules, modelValue } = props2;
         vt(validateTrigger, trigger, rules, modelValue);
       });
     }
     function change(changedValue) {
-      var {
-        checkedValue,
-        onChange
-      } = props;
+      const { checkedValue, onChange } = props2;
       if (radioGroup && value.value === checkedValue) {
         return;
       }
       value.value = changedValue;
       call(onChange, value.value);
       radioGroup == null ? void 0 : radioGroup.onToggle(checkedValue);
-      validateWithTrigger('onChange');
+      validateWithTrigger("onChange");
     }
     function handleClick(e) {
-      var {
-        disabled,
-        readonly,
-        uncheckedValue,
-        checkedValue,
-        onClick
-      } = props;
-      if (form != null && form.disabled.value || disabled) {
+      const { disabled, readonly, uncheckedValue, checkedValue, onClick } = props2;
+      if ((form == null ? void 0 : form.disabled.value) || disabled) {
         return;
       }
       call(onClick, e);
-      if (form != null && form.readonly.value || readonly) {
+      if ((form == null ? void 0 : form.readonly.value) || readonly) {
         return;
       }
       withAnimation.value = true;
       change(checked.value ? uncheckedValue : checkedValue);
     }
-    function sync(v) {
-      var {
-        checkedValue,
-        uncheckedValue
-      } = props;
-      value.value = v === checkedValue ? checkedValue : uncheckedValue;
+    function sync(v2) {
+      const { checkedValue, uncheckedValue } = props2;
+      value.value = v2 === checkedValue ? checkedValue : uncheckedValue;
     }
-
-    // expose
     function reset() {
-      value.value = props.uncheckedValue;
+      value.value = props2.uncheckedValue;
       resetValidation();
     }
-
-    // expose
     function validate() {
-      return v(props.rules, props.modelValue);
+      return v(props2.rules, props2.modelValue);
     }
-
-    // expose
     function toggle(changedValue) {
-      var {
-        uncheckedValue,
-        checkedValue
-      } = props;
-      var shouldReverse = ![uncheckedValue, checkedValue].includes(changedValue);
+      const { uncheckedValue, checkedValue } = props2;
+      const shouldReverse = ![uncheckedValue, checkedValue].includes(changedValue);
       if (shouldReverse) {
         changedValue = checked.value ? uncheckedValue : checkedValue;
       }
@@ -193,4 +194,7 @@ var __sfc__ = defineComponent({
   }
 });
 __sfc__.render = __render__;
-export default __sfc__;
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};

package/es/radio/index.mjs

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

package/es/radio/props.mjs

@@ -1,5 +1,5 @@
-import { defineListenerProp } from '../utils/components.mjs';
-export var props = {
+import { defineListenerProp } from "../utils/components.mjs";
+const props = {
   modelValue: {
     type: [String, Number, Boolean, Object, Array],
     default: false
@@ -23,10 +23,13 @@ export var props = {
   },
   validateTrigger: {
     type: Array,
-    default: () => ['onChange']
+    default: () => ["onChange"]
   },
   rules: Array,
   onClick: defineListenerProp(),
   onChange: defineListenerProp(),
-  'onUpdate:modelValue': defineListenerProp()
-};
+  "onUpdate:modelValue": defineListenerProp()
+};
+export {
+  props
+};

package/es/radio/provide.mjs

@@ -1,14 +1,13 @@
-import { useParent } from '@varlet/use';
-import { RADIO_GROUP_BIND_RADIO_KEY } from '../radio-group/provide.mjs';
-export function useRadioGroup() {
-  var {
-    bindParent,
-    parentProvider,
-    index
-  } = useParent(RADIO_GROUP_BIND_RADIO_KEY);
+import { useParent } from "@varlet/use";
+import { RADIO_GROUP_BIND_RADIO_KEY } from "../radio-group/provide.mjs";
+function useRadioGroup() {
+  const { bindParent, parentProvider, index } = useParent(RADIO_GROUP_BIND_RADIO_KEY);
   return {
     index,
     radioGroup: parentProvider,
     bindRadioGroup: bindParent
   };
-}
+}
+export {
+  useRadioGroup
+};

package/es/radio-group/RadioGroup.mjs

@@ -1,92 +1,81 @@
-import VarFormDetails from '../form-details/index.mjs';
-import { computed, defineComponent, nextTick, watch } from 'vue';
-import { props } from './props.mjs';
-import { useValidation, createNamespace, call } from '../utils/components.mjs';
-import { useRadios } from './provide.mjs';
-import { useForm } from '../form/provide.mjs';
-var {
-  name,
-  n,
-  classes
-} = createNamespace('radio-group');
+import VarFormDetails from "../form-details/index.mjs";
+import { computed, defineComponent, nextTick, watch } from "vue";
+import { props } from "./props.mjs";
+import { useValidation, createNamespace, call } from "../utils/components.mjs";
+import { useRadios } from "./provide.mjs";
+import { useForm } from "../form/provide.mjs";
+const { name, n, classes } = createNamespace("radio-group");
 import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, createVNode as _createVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 function __render__(_ctx, _cache) {
-  var _component_var_form_details = _resolveComponent("var-form-details");
-  return _openBlock(), _createElementBlock("div", {
-    class: _normalizeClass(_ctx.n('wrap'))
-  }, [_createElementVNode("div", {
-    class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n("--" + _ctx.direction)))
-  }, [_renderSlot(_ctx.$slots, "default")], 2 /* CLASS */), _createVNode(_component_var_form_details, {
-    "error-message": _ctx.errorMessage
-  }, null, 8 /* PROPS */, ["error-message"])], 2 /* CLASS */);
+  const _component_var_form_details = _resolveComponent("var-form-details");
+  return _openBlock(), _createElementBlock(
+    "div",
+    {
+      class: _normalizeClass(_ctx.n("wrap"))
+    },
+    [
+      _createElementVNode(
+        "div",
+        {
+          class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n(`--${_ctx.direction}`)))
+        },
+        [
+          _renderSlot(_ctx.$slots, "default")
+        ],
+        2
+        /* CLASS */
+      ),
+      _createVNode(_component_var_form_details, { "error-message": _ctx.errorMessage }, null, 8, ["error-message"])
+    ],
+    2
+    /* CLASS */
+  );
 }
-
-var __sfc__ = defineComponent({
+const __sfc__ = defineComponent({
   name,
-  components: {
-    VarFormDetails
-  },
+  components: { VarFormDetails },
   props,
-  setup(props) {
-    var {
-      length,
-      radios,
-      bindRadios
-    } = useRadios();
-    var {
-      bindForm
-    } = useForm();
-    var {
+  setup(props2) {
+    const { length, radios, bindRadios } = useRadios();
+    const { bindForm } = useForm();
+    const {
       errorMessage,
       validateWithTrigger: vt,
       validate: v,
       // expose
       resetValidation
     } = useValidation();
-    var radioGroupErrorMessage = computed(() => errorMessage.value);
-    var radioGroupProvider = {
+    const radioGroupErrorMessage = computed(() => errorMessage.value);
+    const radioGroupProvider = {
       onToggle,
       validate,
       reset,
       resetValidation,
       errorMessage: radioGroupErrorMessage
     };
-    watch(() => props.modelValue, syncRadios);
+    watch(() => props2.modelValue, syncRadios);
     watch(() => length.value, syncRadios);
     call(bindForm, radioGroupProvider);
     bindRadios(radioGroupProvider);
     function validateWithTrigger(trigger) {
       nextTick(() => {
-        var {
-          validateTrigger,
-          rules,
-          modelValue
-        } = props;
+        const { validateTrigger, rules, modelValue } = props2;
         vt(validateTrigger, trigger, rules, modelValue);
       });
     }
     function syncRadios() {
-      return radios.forEach(_ref => {
-        var {
-          sync
-        } = _ref;
-        return sync(props.modelValue);
-      });
+      return radios.forEach(({ sync }) => sync(props2.modelValue));
     }
     function onToggle(changedValue) {
-      call(props['onUpdate:modelValue'], changedValue);
-      call(props.onChange, changedValue);
-      validateWithTrigger('onChange');
+      call(props2["onUpdate:modelValue"], changedValue);
+      call(props2.onChange, changedValue);
+      validateWithTrigger("onChange");
     }
-
-    // expose
     function validate() {
-      return v(props.rules, props.modelValue);
+      return v(props2.rules, props2.modelValue);
     }
-
-    // expose
     function reset() {
-      call(props['onUpdate:modelValue'], undefined);
+      call(props2["onUpdate:modelValue"], void 0);
       resetValidation();
     }
     return {
@@ -100,4 +89,7 @@ var __sfc__ = defineComponent({
   }
 });
 __sfc__.render = __render__;
-export default __sfc__;
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};

package/es/radio-group/index.mjs

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

package/es/radio-group/props.mjs

@@ -1,18 +1,21 @@
-import { defineListenerProp } from '../utils/components.mjs';
-export var props = {
+import { defineListenerProp } from "../utils/components.mjs";
+const props = {
   modelValue: {
     type: [String, Number, Boolean, Object, Array],
-    default: undefined
+    default: void 0
   },
   direction: {
     type: String,
-    default: 'horizontal'
+    default: "horizontal"
   },
   validateTrigger: {
     type: Array,
-    default: () => ['onChange']
+    default: () => ["onChange"]
   },
   rules: Array,
   onChange: defineListenerProp(),
-  'onUpdate:modelValue': defineListenerProp()
-};
+  "onUpdate:modelValue": defineListenerProp()
+};
+export {
+  props
+};

package/es/radio-group/provide.mjs

@@ -1,14 +1,16 @@
-import { useChildren } from '@varlet/use';
-export var RADIO_GROUP_BIND_RADIO_KEY = Symbol('RADIO_GROUP_BIND_RADIO_KEY');
-export function useRadios() {
-  var {
-    bindChildren,
-    childProviders,
-    length
-  } = useChildren(RADIO_GROUP_BIND_RADIO_KEY);
+import { useChildren } from "@varlet/use";
+const RADIO_GROUP_BIND_RADIO_KEY = Symbol("RADIO_GROUP_BIND_RADIO_KEY");
+function useRadios() {
+  const { bindChildren, childProviders, length } = useChildren(
+    RADIO_GROUP_BIND_RADIO_KEY
+  );
   return {
     length,
     radios: childProviders,
     bindRadios: bindChildren
   };
-}
+}
+export {
+  RADIO_GROUP_BIND_RADIO_KEY,
+  useRadios
+};