@varlet/ui 2.16.2 → 2.16.3-alpha.1694361535255

package/es/radio/Radio.mjs

@@ -9,6 +9,7 @@ import { useValidation, createNamespace, call, useVModel } from '../utils/compon
 import { useRadioGroup } from './provide.mjs';
 import { useForm } from '../form/provide.mjs';
 var {
+  name,
   n,
   classes
 } = createNamespace('radio');
@@ -57,7 +58,7 @@ function __render__(_ctx, _cache) {
 }
 
 var __sfc__ = defineComponent({
-  name: 'VarRadio',
+  name,
   directives: {
     Ripple,
     Hover
@@ -92,7 +93,15 @@ var __sfc__ = defineComponent({
       // expose
       resetValidation
     } = useValidation();
-    var validateWithTrigger = trigger => {
+    var radioProvider = {
+      sync,
+      validate,
+      resetValidation,
+      reset
+    };
+    call(bindRadioGroup, radioProvider);
+    call(bindForm, radioProvider);
+    function validateWithTrigger(trigger) {
       nextTick(() => {
         var {
           validateTrigger,
@@ -101,8 +110,8 @@ var __sfc__ = defineComponent({
         } = props;
         vt(validateTrigger, trigger, rules, modelValue);
       });
-    };
-    var change = changedValue => {
+    }
+    function change(changedValue) {
       var {
         checkedValue,
         onChange
@@ -114,8 +123,8 @@ var __sfc__ = defineComponent({
       call(onChange, value.value);
       radioGroup == null ? void 0 : radioGroup.onToggle(checkedValue);
       validateWithTrigger('onChange');
-    };
-    var handleClick = e => {
+    }
+    function handleClick(e) {
       var {
         disabled,
         readonly,
@@ -132,26 +141,28 @@ var __sfc__ = defineComponent({
       }
       withAnimation.value = true;
       change(checked.value ? uncheckedValue : checkedValue);
-    };
-    var sync = v => {
+    }
+    function sync(v) {
       var {
         checkedValue,
         uncheckedValue
       } = props;
       value.value = v === checkedValue ? checkedValue : uncheckedValue;
-    };
+    }
 
     // expose
-    var reset = () => {
+    function reset() {
       value.value = props.uncheckedValue;
       resetValidation();
-    };
+    }
 
     // expose
-    var validate = () => v(props.rules, props.modelValue);
+    function validate() {
+      return v(props.rules, props.modelValue);
+    }
 
     // expose
-    var toggle = changedValue => {
+    function toggle(changedValue) {
       var {
         uncheckedValue,
         checkedValue
@@ -161,15 +172,7 @@ var __sfc__ = defineComponent({
         changedValue = checked.value ? uncheckedValue : checkedValue;
       }
       change(changedValue);
-    };
-    var radioProvider = {
-      sync,
-      validate,
-      resetValidation,
-      reset
-    };
-    call(bindRadioGroup, radioProvider);
-    call(bindForm, radioProvider);
+    }
     return {
       withAnimation,
       checked,

package/es/radio-group/RadioGroup.mjs

@@ -5,6 +5,7 @@ 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');
@@ -21,7 +22,7 @@ function __render__(_ctx, _cache) {
 }
 
 var __sfc__ = defineComponent({
-  name: 'VarRadioGroup',
+  name,
   components: {
     VarFormDetails
   },
@@ -43,7 +44,18 @@ var __sfc__ = defineComponent({
       resetValidation
     } = useValidation();
     var radioGroupErrorMessage = computed(() => errorMessage.value);
-    var validateWithTrigger = trigger => {
+    var radioGroupProvider = {
+      onToggle,
+      validate,
+      reset,
+      resetValidation,
+      errorMessage: radioGroupErrorMessage
+    };
+    watch(() => props.modelValue, syncRadios);
+    watch(() => length.value, syncRadios);
+    call(bindForm, radioGroupProvider);
+    bindRadios(radioGroupProvider);
+    function validateWithTrigger(trigger) {
       nextTick(() => {
         var {
           validateTrigger,
@@ -52,38 +64,31 @@ var __sfc__ = defineComponent({
         } = props;
         vt(validateTrigger, trigger, rules, modelValue);
       });
-    };
-    var syncRadios = () => radios.forEach(_ref => {
-      var {
-        sync
-      } = _ref;
-      return sync(props.modelValue);
-    });
-    var onToggle = changedValue => {
+    }
+    function syncRadios() {
+      return radios.forEach(_ref => {
+        var {
+          sync
+        } = _ref;
+        return sync(props.modelValue);
+      });
+    }
+    function onToggle(changedValue) {
       call(props['onUpdate:modelValue'], changedValue);
       call(props.onChange, changedValue);
       validateWithTrigger('onChange');
-    };
+    }
 
     // expose
-    var validate = () => v(props.rules, props.modelValue);
+    function validate() {
+      return v(props.rules, props.modelValue);
+    }
 
     // expose
-    var reset = () => {
+    function reset() {
       call(props['onUpdate:modelValue'], undefined);
       resetValidation();
-    };
-    watch(() => props.modelValue, syncRadios);
-    watch(() => length.value, syncRadios);
-    var radioGroupProvider = {
-      onToggle,
-      validate,
-      reset,
-      resetValidation,
-      errorMessage: radioGroupErrorMessage
-    };
-    call(bindForm, radioGroupProvider);
-    bindRadios(radioGroupProvider);
+    }
     return {
       errorMessage,
       n,

package/es/rate/Rate.mjs

@@ -10,6 +10,7 @@ import { toSizeUnit } from '../utils/elements.mjs';
 import { toNumber } from '@varlet/shared';
 import { props } from './props.mjs';
 var {
+  name,
   n
 } = createNamespace('rate');
 import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, resolveComponent as _resolveComponent, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, createVNode as _createVNode, resolveDirective as _resolveDirective, withDirectives as _withDirectives, createElementVNode as _createElementVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
@@ -51,7 +52,7 @@ function __render__(_ctx, _cache) {
 }
 
 var __sfc__ = defineComponent({
-  name: 'VarRate',
+  name,
   components: {
     VarIcon,
     VarFormDetails,
@@ -63,6 +64,7 @@ var __sfc__ = defineComponent({
   },
   props,
   setup(props) {
+    var currentHoveringValue = ref(-1);
     var {
       form,
       bindForm
@@ -76,9 +78,14 @@ var __sfc__ = defineComponent({
     var {
       hovering
     } = useHoverOverlay();
-    var currentHoveringValue = ref(-1);
     var lastScore = Number(props.modelValue);
-    var getStyle = val => {
+    var rateProvider = {
+      reset,
+      validate,
+      resetValidation
+    };
+    call(bindForm, rateProvider);
+    function getStyle(val) {
       var {
         count,
         gap
@@ -87,8 +94,8 @@ var __sfc__ = defineComponent({
         color: getCurrentState(val).color,
         marginRight: val !== toNumber(count) ? toSizeUnit(gap) : 0
       };
-    };
-    var getClass = val => {
+    }
+    function getClass(val) {
       var {
         name,
         color
@@ -99,8 +106,8 @@ var __sfc__ = defineComponent({
         [n('--error')]: errorMessage.value,
         [n('--primary')]: name !== props.emptyIcon && !color
       };
-    };
-    var getCurrentState = index => {
+    }
+    function getCurrentState(index) {
       var {
         modelValue,
         disabled,
@@ -132,8 +139,8 @@ var __sfc__ = defineComponent({
         color: disabled || form != null && form.disabled.value ? disabledColor : emptyColor,
         name: emptyIcon
       };
-    };
-    var changeValue = (score, event) => {
+    }
+    function changeValue(score, event) {
       var {
         half,
         clearable
@@ -153,10 +160,14 @@ var __sfc__ = defineComponent({
       // update last score
       lastScore = score;
       call(props['onUpdate:modelValue'], score);
-    };
-    var validate = () => v(props.rules, toNumber(props.modelValue));
-    var validateWithTrigger = () => nextTick(() => vt(['onChange'], 'onChange', props.rules, props.modelValue));
-    var handleClick = (score, event) => {
+    }
+    function validate() {
+      return v(props.rules, toNumber(props.modelValue));
+    }
+    function validateWithTrigger() {
+      return nextTick(() => vt(['onChange'], 'onChange', props.rules, props.modelValue));
+    }
+    function handleClick(score, event) {
       var {
         readonly,
         disabled,
@@ -168,31 +179,27 @@ var __sfc__ = defineComponent({
       changeValue(score, event);
       call(onChange, score);
       validateWithTrigger();
-    };
-    var createHoverHandler = value => isHover => {
-      currentHoveringValue.value = value;
-      hovering.value = isHover;
-    };
-    var reset = () => {
+    }
+    function createHoverHandler(value) {
+      return isHover => {
+        currentHoveringValue.value = value;
+        hovering.value = isHover;
+      };
+    }
+    function reset() {
       call(props['onUpdate:modelValue'], 0);
       resetValidation();
-    };
-    var rateProvider = {
-      reset,
-      validate,
-      resetValidation
-    };
-    call(bindForm, rateProvider);
+    }
     return {
       errorMessage,
       formDisabled: form == null ? void 0 : form.disabled,
       formReadonly: form == null ? void 0 : form.readonly,
+      hovering,
+      currentHoveringValue,
       getStyle,
       getClass,
       getCurrentState,
       handleClick,
-      hovering,
-      currentHoveringValue,
       createHoverHandler,
       reset,
       validate,

package/es/result/Result.mjs

@@ -10,6 +10,7 @@ import { props } from './props.mjs';
 import { createNamespace } from '../utils/components.mjs';
 import { toPxNum, toSizeUnit } from '../utils/elements.mjs';
 var {
+  name,
   n,
   classes
 } = createNamespace('result');
@@ -43,7 +44,7 @@ function __render__(_ctx, _cache) {
 }
 
 var __sfc__ = defineComponent({
-  name: 'VarResult',
+  name,
   components: {
     Info,
     Success,
@@ -67,13 +68,13 @@ var __sfc__ = defineComponent({
       return "calc(" + (imageSize ? toSizeUnit(props.imageSize) : 'var(--result-image-size)') + " * 0.05)";
     });
     return {
+      circleSize,
+      borderSize,
+      toSizeUnit,
       n,
       classes,
       toNumber,
-      toPxNum,
-      toSizeUnit,
-      circleSize,
-      borderSize
+      toPxNum
     };
   }
 });

package/es/row/Row.mjs

@@ -5,6 +5,7 @@ import { useCols } from './provide.mjs';
 import { toPxNum, padStartFlex } from '../utils/elements.mjs';
 import { call, createNamespace } from '../utils/components.mjs';
 var {
+  name,
   n,
   classes
 } = createNamespace('row');
@@ -24,16 +25,22 @@ function __render__(_ctx, _cache) {
 }
 
 var __sfc__ = defineComponent({
-  name: 'VarRow',
+  name,
   props,
   setup(props) {
+    var average = computed(() => isArray(props.gutter) ? props.gutter.map(numeric => toPxNum(numeric) / 2) : [0, toPxNum(props.gutter) / 2]);
     var {
       cols,
       bindCols,
       length
     } = useCols();
-    var average = computed(() => isArray(props.gutter) ? props.gutter.map(numeric => toPxNum(numeric) / 2) : [0, toPxNum(props.gutter) / 2]);
-    var computePadding = () => {
+    var rowProvider = {
+      computePadding
+    };
+    watch(() => length.value, computePadding);
+    watch(() => props.gutter, computePadding);
+    bindCols(rowProvider);
+    function computePadding() {
       cols.forEach(col => {
         var [y, x] = average.value;
         col.setPadding({
@@ -43,20 +50,14 @@ var __sfc__ = defineComponent({
           bottom: y
         });
       });
-    };
-    var handleClick = e => {
+    }
+    function handleClick(e) {
       call(props.onClick, e);
-    };
-    var rowProvider = {
-      computePadding
-    };
-    watch(() => length.value, computePadding);
-    watch(() => props.gutter, computePadding);
-    bindCols(rowProvider);
+    }
     return {
+      average,
       n,
       classes,
-      average,
       handleClick,
       padStartFlex
     };

package/es/select/Select.mjs

@@ -12,6 +12,7 @@ import { useForm } from '../form/provide.mjs';
 import { toPxNum } from '../utils/elements.mjs';
 import { error } from '../utils/logger.mjs';
 var {
+  name,
   n,
   classes
 } = createNamespace('select');
@@ -133,7 +134,7 @@ function __render__(_ctx, _cache) {
 }
 
 var __sfc__ = defineComponent({
-  name: 'VarSelect',
+  name,
   components: {
     VarIcon,
     VarMenu,
@@ -188,7 +189,31 @@ var __sfc__ = defineComponent({
       return blurColor || 'var(--field-decorator-blur-color)';
     });
     var enableCustomPlaceholder = computed(() => !props.hint && isEmpty(props.modelValue));
-    var computeLabel = () => {
+    var selectProvider = {
+      multiple,
+      focusColor,
+      computeLabel,
+      onSelect,
+      reset,
+      validate,
+      resetValidation
+    };
+    watch(() => props.multiple, () => {
+      var {
+        multiple,
+        modelValue
+      } = props;
+      if (multiple && !isArray(modelValue)) {
+        error('Select', 'The modelValue must be an array when multiple is true');
+      }
+    });
+    watch(() => props.modelValue, syncOptions, {
+      deep: true
+    });
+    watch(() => length.value, syncOptions);
+    bindOptions(selectProvider);
+    call(bindForm, selectProvider);
+    function computeLabel() {
       var {
         multiple,
         modelValue
@@ -203,8 +228,8 @@ var __sfc__ = defineComponent({
       if (!multiple && isEmpty(modelValue)) {
         label.value = '';
       }
-    };
-    var validateWithTrigger = trigger => {
+    }
+    function validateWithTrigger(trigger) {
       nextTick(() => {
         var {
           validateTrigger,
@@ -213,8 +238,8 @@ var __sfc__ = defineComponent({
         } = props;
         vt(validateTrigger, trigger, rules, modelValue);
       });
-    };
-    var findValueOrLabel = _ref => {
+    }
+    function findValueOrLabel(_ref) {
       var {
         value,
         label
@@ -223,8 +248,8 @@ var __sfc__ = defineComponent({
         return value.value;
       }
       return label.value;
-    };
-    var findLabel = modelValue => {
+    }
+    function findLabel(modelValue) {
       var _option$label$value, _option;
       var option = options.find(_ref2 => {
         var {
@@ -241,8 +266,8 @@ var __sfc__ = defineComponent({
         });
       }
       return (_option$label$value = (_option = option) == null ? void 0 : _option.label.value) != null ? _option$label$value : '';
-    };
-    var handleFocus = () => {
+    }
+    function handleFocus() {
       var {
         disabled,
         readonly,
@@ -255,8 +280,8 @@ var __sfc__ = defineComponent({
       isFocus.value = true;
       call(onFocus);
       validateWithTrigger('onFocus');
-    };
-    var handleBlur = () => {
+    }
+    function handleBlur() {
       var {
         disabled,
         readonly,
@@ -268,8 +293,8 @@ var __sfc__ = defineComponent({
       blur();
       call(onBlur);
       validateWithTrigger('onBlur');
-    };
-    var onSelect = option => {
+    }
+    function onSelect(option) {
       var {
         disabled,
         readonly,
@@ -291,8 +316,8 @@ var __sfc__ = defineComponent({
       if (!multiple) {
         blur();
       }
-    };
-    var handleClear = () => {
+    }
+    function handleClear() {
       var {
         disabled,
         readonly,
@@ -307,8 +332,8 @@ var __sfc__ = defineComponent({
       call(props['onUpdate:modelValue'], changedModelValue);
       call(onClear, changedModelValue);
       validateWithTrigger('onClear');
-    };
-    var handleClick = e => {
+    }
+    function handleClick(e) {
       var {
         disabled,
         onClick
@@ -318,8 +343,8 @@ var __sfc__ = defineComponent({
       }
       call(onClick, e);
       validateWithTrigger('onClick');
-    };
-    var handleClose = text => {
+    }
+    function handleClose(text) {
       var {
         disabled,
         readonly,
@@ -343,8 +368,8 @@ var __sfc__ = defineComponent({
       call(props['onUpdate:modelValue'], currentModelValue);
       call(onClose, currentModelValue);
       validateWithTrigger('onClose');
-    };
-    var syncOptions = () => {
+    }
+    function syncOptions() {
       var {
         multiple,
         modelValue
@@ -356,53 +381,31 @@ var __sfc__ = defineComponent({
         options.forEach(option => option.sync(modelValue === findValueOrLabel(option)));
       }
       computeLabel();
-    };
+    }
 
     // expose
-    var focus = () => {
+    function focus() {
       offsetY.value = toPxNum(props.offsetY);
       isFocus.value = true;
       showMenu.value = true;
-    };
+    }
 
     // expose
-    var blur = () => {
+    function blur() {
       isFocus.value = false;
       showMenu.value = false;
-    };
+    }
 
     // expose
-    var validate = () => v(props.rules, props.modelValue);
+    function validate() {
+      return v(props.rules, props.modelValue);
+    }
 
     // expose
-    var reset = () => {
+    function reset() {
       call(props['onUpdate:modelValue'], props.multiple ? [] : undefined);
       resetValidation();
-    };
-    watch(() => props.multiple, () => {
-      var {
-        multiple,
-        modelValue
-      } = props;
-      if (multiple && !isArray(modelValue)) {
-        error('Select', 'The modelValue must be an array when multiple is true');
-      }
-    });
-    watch(() => props.modelValue, syncOptions, {
-      deep: true
-    });
-    watch(() => length.value, syncOptions);
-    var selectProvider = {
-      multiple,
-      focusColor,
-      computeLabel,
-      onSelect,
-      reset,
-      validate,
-      resetValidation
-    };
-    bindOptions(selectProvider);
-    call(bindForm, selectProvider);
+    }
     return {
       offsetY,
       isFocus,

package/es/skeleton/Skeleton.mjs

@@ -4,6 +4,7 @@ import { toSizeUnit } from '../utils/elements.mjs';
 import { toNumber } from '@varlet/shared';
 import { createNamespace } from '../utils/components.mjs';
 var {
+  name,
   n,
   classes
 } = createNamespace('skeleton');
@@ -70,16 +71,14 @@ function __render__(_ctx, _cache) {
 }
 
 var __sfc__ = defineComponent({
-  name: 'VarSkeleton',
+  name,
   props,
-  setup() {
-    return {
-      n,
-      classes,
-      toSizeUnit,
-      toNumber
-    };
-  }
+  setup: () => ({
+    n,
+    classes,
+    toSizeUnit,
+    toNumber
+  })
 });
 __sfc__.render = __render__;
 export default __sfc__;