@varlet/ui 2.14.2 → 2.15.0-alpha.1692990022445

package/es/progress/props.mjs

@@ -1,40 +1,21 @@
-function modeValidator(mode) {
-  return ['linear', 'circle'].includes(mode);
-}
-function typeValidator(type) {
-  return ['default', 'primary', 'info', 'success', 'warning', 'danger'].includes(type);
-}
 export var props = {
   mode: {
     type: String,
-    default: 'linear',
-    validator: modeValidator
+    default: 'linear'
   },
   lineWidth: {
     type: [Number, String],
     default: 4
   },
-  color: {
-    type: String
-  },
-  trackColor: {
-    type: String
-  },
-  ripple: {
-    type: Boolean,
-    default: false
-  },
+  color: String,
+  trackColor: String,
+  ripple: Boolean,
   value: {
     type: [Number, String],
     default: 0
   },
-  label: {
-    type: Boolean,
-    default: false
-  },
-  labelClass: {
-    type: String
-  },
+  label: Boolean,
+  labelClass: String,
   size: {
     type: [Number, String],
     default: 40
@@ -47,13 +28,9 @@ export var props = {
     type: Boolean,
     default: true
   },
-  indeterminate: {
-    type: Boolean,
-    default: false
-  },
+  indeterminate: Boolean,
   type: {
     type: String,
-    default: 'primary',
-    validator: typeValidator
+    default: 'primary'
   }
 };

package/es/pull-refresh/props.mjs

@@ -1,42 +1,20 @@
 import { defineListenerProp } from '../utils/components.mjs';
 export var props = {
-  modelValue: {
-    type: Boolean
-  },
-  // 是否禁用下拉刷新
-  disabled: {
-    type: Boolean,
-    default: false
-  },
-  // 动画时长
+  modelValue: Boolean,
+  disabled: Boolean,
   animationDuration: {
     type: [Number, String],
     default: 300
   },
-  // 成功提示展示时长
   successDuration: {
     type: [Number, String],
     default: 2000
   },
-  // control 的背景颜色
-  bgColor: {
-    type: String
-  },
-  // 成功状态下 control 的背景颜色
-  successBgColor: {
-    type: String
-  },
-  // control 的颜色
-  color: {
-    type: String
-  },
-  // 成功状态下 control 的颜色
-  successColor: {
-    type: String
-  },
-  target: {
-    type: [String, Object]
-  },
+  bgColor: String,
+  successBgColor: String,
+  color: String,
+  successColor: String,
+  target: [String, Object],
   onRefresh: defineListenerProp(),
   'onUpdate:modelValue': defineListenerProp()
 };

package/es/radio/Radio.mjs

@@ -2,12 +2,12 @@ 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 { computed, defineComponent, nextTick, ref, watch } from 'vue';
+import VarHoverOverlay, { useHoverOverlay } from '../hover-overlay/index.mjs';
+import { computed, defineComponent, nextTick, ref } from 'vue';
 import { props } from './props.mjs';
-import { useValidation, createNamespace, call } from '../utils/components.mjs';
+import { useValidation, createNamespace, call, useVModel } from '../utils/components.mjs';
 import { useRadioGroup } from './provide.mjs';
 import { useForm } from '../form/provide.mjs';
-import VarHoverOverlay, { useHoverOverlay } from '../hover-overlay/index.mjs';
 var {
   n,
   classes
@@ -70,7 +70,7 @@ var __sfc__ = defineComponent({
   inheritAttrs: false,
   props,
   setup(props) {
-    var value = ref(false);
+    var value = useVModel(props, 'modelValue');
     var checked = computed(() => value.value === props.checkedValue);
     var withAnimation = ref(false);
     var {
@@ -111,7 +111,6 @@ var __sfc__ = defineComponent({
         return;
       }
       value.value = changedValue;
-      call(props['onUpdate:modelValue'], value.value);
       call(onChange, value.value);
       radioGroup == null ? void 0 : radioGroup.onToggle(checkedValue);
       validateWithTrigger('onChange');
@@ -144,7 +143,7 @@ var __sfc__ = defineComponent({
 
     // expose
     var reset = () => {
-      call(props['onUpdate:modelValue'], props.uncheckedValue);
+      value.value = props.uncheckedValue;
       resetValidation();
     };
 
@@ -163,11 +162,6 @@ var __sfc__ = defineComponent({
       }
       change(changedValue);
     };
-    watch(() => props.modelValue, newValue => {
-      value.value = newValue;
-    }, {
-      immediate: true
-    });
     var radioProvider = {
       sync,
       validate,

package/es/radio/props.mjs

@@ -12,23 +12,11 @@ export var props = {
     type: [String, Number, Boolean, Object, Array],
     default: false
   },
-  disabled: {
-    type: Boolean,
-    default: false
-  },
-  readonly: {
-    type: Boolean,
-    default: false
-  },
-  checkedColor: {
-    type: String
-  },
-  uncheckedColor: {
-    type: String
-  },
-  iconSize: {
-    type: [String, Number]
-  },
+  disabled: Boolean,
+  readonly: Boolean,
+  checkedColor: String,
+  uncheckedColor: String,
+  iconSize: [String, Number],
   ripple: {
     type: Boolean,
     default: true
@@ -37,9 +25,7 @@ export var props = {
     type: Array,
     default: () => ['onChange']
   },
-  rules: {
-    type: Array
-  },
+  rules: Array,
   onClick: defineListenerProp(),
   onChange: defineListenerProp(),
   'onUpdate:modelValue': defineListenerProp()

package/es/radio-group/props.mjs

@@ -1,7 +1,4 @@
 import { defineListenerProp } from '../utils/components.mjs';
-export function directionValidator(direction) {
-  return ['horizontal', 'vertical'].includes(direction);
-}
 export var props = {
   modelValue: {
     type: [String, Number, Boolean, Object, Array],
@@ -9,16 +6,13 @@ export var props = {
   },
   direction: {
     type: String,
-    default: 'horizontal',
-    validator: directionValidator
+    default: 'horizontal'
   },
   validateTrigger: {
     type: Array,
     default: () => ['onChange']
   },
-  rules: {
-    type: Array
-  },
+  rules: Array,
   onChange: defineListenerProp(),
   'onUpdate:modelValue': defineListenerProp()
 };

package/es/rate/Rate.mjs

@@ -113,7 +113,9 @@ var __sfc__ = defineComponent({
         emptyIcon
       } = props;
       var iconColor = color;
-      if (disabled || form != null && form.disabled.value) iconColor = disabledColor;
+      if (disabled || form != null && form.disabled.value) {
+        iconColor = disabledColor;
+      }
       if (index <= toNumber(modelValue)) {
         return {
           color: iconColor,
@@ -136,16 +138,17 @@ var __sfc__ = defineComponent({
         half,
         clearable
       } = props;
-      if (half) {
-        var {
-          offsetWidth
-        } = event.target;
-        if (event.offsetX <= Math.floor(offsetWidth / 2)) score -= 0.5;
+      var {
+        offsetWidth
+      } = event.target;
+      if (half && event.offsetX <= Math.floor(offsetWidth / 2)) {
+        score -= 0.5;
       }
 
-      // set score to 0 when last score is equal to current score
-      // and the value of clearable is true
-      if (lastScore === score && clearable) score = 0;
+      // set score to 0 when last score is equal to current score and clearable is true
+      if (lastScore === score && clearable) {
+        score = 0;
+      }
 
       // update last score
       lastScore = score;

package/es/rate/props.mjs

@@ -8,59 +8,33 @@ export var props = {
     type: [String, Number],
     default: 5
   },
-  color: {
-    type: String
-  },
+  color: String,
   icon: {
     type: String,
     default: 'star'
   },
-  emptyColor: {
-    type: String
-  },
+  emptyColor: String,
   emptyIcon: {
     type: String,
     default: 'star-outline'
   },
-  size: {
-    type: [String, Number]
-  },
-  gap: {
-    type: [String, Number]
-  },
-  namespace: {
-    type: String
-  },
-  half: {
-    type: Boolean,
-    default: false
-  },
+  size: [String, Number],
+  gap: [String, Number],
+  namespace: String,
+  half: Boolean,
   halfIcon: {
     type: String,
     default: 'star-half-full'
   },
-  disabled: {
-    type: Boolean,
-    default: false
-  },
-  disabledColor: {
-    type: String
-  },
-  readonly: {
-    type: Boolean,
-    default: false
-  },
+  disabled: Boolean,
+  disabledColor: String,
+  readonly: Boolean,
   ripple: {
     type: Boolean,
     default: true
   },
-  clearable: {
-    type: Boolean,
-    default: false
-  },
-  rules: {
-    type: Array
-  },
+  clearable: Boolean,
+  rules: Array,
   onChange: defineListenerProp(),
   'onUpdate:modelValue': defineListenerProp()
 };

package/es/result/props.mjs

@@ -1,21 +1,11 @@
-function typeValidator(type) {
-  return ['info', 'success', 'warning', 'error', 'question', 'empty'].includes(type);
-}
 export var props = {
-  imageSize: {
-    type: [String, Number]
-  },
+  imageSize: [String, Number],
   type: {
     type: String,
-    default: 'success',
-    validator: typeValidator
-  },
-  title: {
-    type: String
-  },
-  description: {
-    type: String
+    default: 'success'
   },
+  title: String,
+  description: String,
   animation: {
     type: Boolean,
     default: true

package/es/row/props.mjs

@@ -1,10 +1,4 @@
 import { defineListenerProp } from '../utils/components.mjs';
-function justifyValidator(justify) {
-  return ['flex-start', 'flex-end', 'start', 'end', 'center', 'space-between', 'space-around'].includes(justify);
-}
-function alignValidator(align) {
-  return ['flex-start', 'center', 'flex-end', 'start', 'end'].includes(align);
-}
 export var props = {
   gutter: {
     type: [String, Number],
@@ -12,13 +6,11 @@ export var props = {
   },
   justify: {
     type: String,
-    default: 'flex-start',
-    validator: justifyValidator
+    default: 'flex-start'
   },
   align: {
     type: String,
-    default: 'flex-start',
-    validator: alignValidator
+    default: 'flex-start'
   },
   onClick: defineListenerProp()
 };

package/es/select/props.mjs

@@ -1,45 +1,30 @@
 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 { defineListenerProp, pickProps } from '../utils/components.mjs';
 import { props as fieldDecoratorProps } from '../field-decorator/props.mjs';
-export function textAlignValidator(textAlign) {
-  return ['left', 'right', 'center'].includes(textAlign);
-}
 export var props = _extends({
   modelValue: {
     default: undefined
   },
-  multiple: {
-    type: Boolean,
-    default: false
-  },
+  multiple: Boolean,
   offsetY: {
     type: [String, Number],
     default: 0
   },
-  chip: {
-    type: Boolean,
-    default: false
-  },
-  readonly: {
-    type: Boolean,
-    default: false
-  },
+  chip: Boolean,
+  readonly: Boolean,
   separator: {
     type: String,
     default: ','
   },
   textAlign: {
     type: String,
-    default: 'left',
-    validator: textAlignValidator
+    default: 'left'
   },
   validateTrigger: {
     type: Array,
     default: () => ['onChange', 'onClear', 'onClose']
   },
-  rules: {
-    type: Array
-  },
+  rules: Array,
   onFocus: defineListenerProp(),
   onBlur: defineListenerProp(),
   onClose: defineListenerProp(),

package/es/skeleton/props.mjs

@@ -3,35 +3,17 @@ export var props = {
     type: Boolean,
     default: true
   },
-  title: {
-    type: Boolean,
-    default: false
-  },
-  card: {
-    type: Boolean,
-    default: false
-  },
-  avatar: {
-    type: Boolean,
-    default: false
-  },
-  fullscreen: {
-    type: Boolean,
-    default: false
-  },
+  title: Boolean,
+  card: Boolean,
+  avatar: Boolean,
+  fullscreen: Boolean,
   fullscreenZIndex: {
     type: [Number, String],
     default: 100
   },
-  titleWidth: {
-    type: [Number, String]
-  },
-  cardHeight: {
-    type: [Number, String]
-  },
-  avatarSize: {
-    type: [Number, String]
-  },
+  titleWidth: [Number, String],
+  cardHeight: [Number, String],
+  avatarSize: [Number, String],
   rows: {
     type: [Number, String],
     default: 3

package/es/slider/props.mjs

@@ -1,51 +1,29 @@
 import { defineListenerProp } from '../utils/components.mjs';
-function labelValidator(label) {
-  return ['always', 'normal', 'never'].includes(label);
-}
 export var Thumbs = /*#__PURE__*/function (Thumbs) {
   Thumbs["First"] = "1";
   Thumbs["Second"] = "2";
   return Thumbs;
 }({});
 export var props = {
-  // 当前进度百分比
   modelValue: {
     type: [Number, Array],
     default: 0
   },
-  // 步长
   step: {
     type: [Number, String],
     default: 1
   },
-  // 是否开启双滑块模式
-  range: {
-    type: Boolean,
-    default: false
-  },
+  range: Boolean,
   labelVisible: {
     type: String,
-    default: 'normal',
-    validator: labelValidator
-  },
-  activeColor: {
-    type: String
-  },
-  trackColor: {
-    type: String
-  },
-  thumbColor: {
-    type: String
-  },
-  labelColor: {
-    type: String
-  },
-  labelTextColor: {
-    type: String
-  },
-  trackHeight: {
-    type: [String, Number]
-  },
+    default: 'normal'
+  },
+  activeColor: String,
+  trackColor: String,
+  thumbColor: String,
+  labelColor: String,
+  labelTextColor: String,
+  trackHeight: [String, Number],
   max: {
     type: [String, Number],
     default: 100
@@ -54,25 +32,14 @@ export var props = {
     type: [String, Number],
     default: 0
   },
-  thumbSize: {
-    type: [String, Number]
-  },
-  disabled: {
-    type: Boolean,
-    default: false
-  },
-  // 是否只读
-  readonly: {
-    type: Boolean,
-    default: false
-  },
+  thumbSize: [String, Number],
+  disabled: Boolean,
+  readonly: Boolean,
   direction: {
     type: String,
     default: 'horizontal'
   },
-  rules: {
-    type: Array
-  },
+  rules: Array,
   onChange: defineListenerProp(),
   onStart: defineListenerProp(),
   onEnd: defineListenerProp(),

package/es/snackbar/props.mjs

@@ -1,66 +1,38 @@
 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 { defineListenerProp, pickProps } from '../utils/components.mjs';
 import { props as loadingProps } from '../loading/props.mjs';
-import { SNACKBAR_TYPE } from './index.mjs';
-export function positionValidator(position) {
-  var validPositions = ['top', 'center', 'bottom'];
-  return validPositions.includes(position);
-}
-export function typeValidator(type) {
-  return SNACKBAR_TYPE.includes(type);
-}
 export var props = {
-  type: {
-    type: String,
-    validator: typeValidator
-  },
+  type: String,
   position: {
     type: String,
-    default: 'top',
-    validator: positionValidator
+    default: 'top'
   },
   content: {
     type: [String, Function, Object]
   },
-  contentClass: {
-    type: String
-  },
+  contentClass: String,
   duration: {
     type: Number,
     default: 3000
   },
-  vertical: {
-    type: Boolean,
-    default: false
-  },
+  vertical: Boolean,
   loadingType: pickProps(loadingProps, 'type'),
   loadingSize: pickProps(loadingProps, 'size'),
   loadingRadius: pickProps(loadingProps, 'radius'),
   loadingColor: _extends({}, pickProps(loadingProps, 'color'), {
     default: 'currentColor'
   }),
-  lockScroll: {
-    type: Boolean,
-    default: false
-  },
-  show: {
-    type: Boolean,
-    default: false
-  },
+  lockScroll: Boolean,
+  show: Boolean,
   teleport: {
     type: [String, Object, Boolean],
     default: 'body'
   },
-  forbidClick: {
-    type: Boolean,
-    default: false
-  },
+  forbidClick: Boolean,
   onOpen: defineListenerProp(),
   onOpened: defineListenerProp(),
   onClose: defineListenerProp(),
   onClosed: defineListenerProp(),
   'onUpdate:show': defineListenerProp(),
-  _update: {
-    type: String
-  }
+  _update: String
 };

package/es/space/Space.mjs

@@ -1,12 +1,13 @@
 import { createVNode as _createVNode } from "vue";
 import { defineComponent } from 'vue';
-import { internalSizeValidator, props } from './props.mjs';
+import { props } from './props.mjs';
 import { isArray } from '@varlet/shared';
 import { call, createNamespace, flatFragment } from '../utils/components.mjs';
 import { padStartFlex, toSizeUnit } from '../utils/elements.mjs';
 import { computeMargin } from './margin.mjs';
 
 
+var isInternalSize = size => ['mini', 'small', 'normal', 'large'].includes(size);
 var {
   n,
   classes
@@ -30,8 +31,7 @@ export default defineComponent({
         size
       } = props;
       var children = (_call = call(slots.default)) != null ? _call : [];
-      var isInternalSize = internalSizeValidator(size);
-      var [y, x] = getSize(size, isInternalSize);
+      var [y, x] = getSize(size, isInternalSize(size));
       children = flatFragment(children);
       var lastIndex = children.length - 1;
       var spacers = children.map((child, index) => {