@varlet/ui 2.14.2 → 2.15.0-alpha.1692990022445

package/es/checkbox-group/props.mjs

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

package/es/chip/props.mjs

@@ -1,44 +1,23 @@
 import { defineListenerProp, pickProps } from '../utils/components.mjs';
 import { props as iconProps } from '../icon/props.mjs';
-function typeValidator(type) {
-  return ['default', 'primary', 'info', 'success', 'warning', 'danger'].includes(type);
-}
-function sizeValidator(size) {
-  return ['normal', 'mini', 'small', 'large'].includes(size);
-}
 export var props = {
   type: {
     type: String,
-    default: 'default',
-    validator: typeValidator
+    default: 'default'
   },
   size: {
     type: String,
-    default: 'normal',
-    validator: sizeValidator
-  },
-  color: {
-    type: String
-  },
-  textColor: {
-    type: String
+    default: 'normal'
   },
+  color: String,
+  textColor: String,
   iconName: pickProps(iconProps, 'name'),
-  plain: {
-    type: Boolean,
-    default: false
-  },
+  plain: Boolean,
   round: {
     type: Boolean,
     default: true
   },
-  block: {
-    type: Boolean,
-    default: false
-  },
-  closable: {
-    type: Boolean,
-    default: false
-  },
+  block: Boolean,
+  closable: Boolean,
   onClose: defineListenerProp()
 };

package/es/col/props.mjs

@@ -1,13 +1,4 @@
 import { defineListenerProp } from '../utils/components.mjs';
-function directionValidator(direction) {
-  return ['row', 'column'].includes(direction);
-}
-function justifyValidator(justify) {
-  return ['start', 'end', 'center', 'space-around', 'space-between', 'flex-start', 'flex-end'].includes(justify);
-}
-function alignValidator(align) {
-  return ['stretch', 'center', 'start', 'end', 'baseline', 'initial', 'inherit', 'flex-start', 'flex-end'].includes(align);
-}
 export var props = {
   span: {
     type: [String, Number],
@@ -19,31 +10,14 @@ export var props = {
   },
   direction: {
     type: String,
-    default: 'row',
-    validator: directionValidator
-  },
-  justify: {
-    type: String,
-    validator: justifyValidator
-  },
-  align: {
-    type: String,
-    validator: alignValidator
-  },
-  xs: {
-    type: [Object, Number, String]
-  },
-  sm: {
-    type: [Object, Number, String]
-  },
-  md: {
-    type: [Object, Number, String]
-  },
-  lg: {
-    type: [Object, Number, String]
-  },
-  xl: {
-    type: [Object, Number, String]
-  },
+    default: 'row'
+  },
+  justify: String,
+  align: String,
+  xs: [Object, Number, String],
+  sm: [Object, Number, String],
+  md: [Object, Number, String],
+  lg: [Object, Number, String],
+  xl: [Object, Number, String],
   onClick: defineListenerProp()
 };

package/es/collapse/props.mjs

@@ -1,12 +1,7 @@
 import { defineListenerProp } from '../utils/components.mjs';
 export var props = {
-  modelValue: {
-    type: [Array, String, Number]
-  },
-  accordion: {
-    type: Boolean,
-    default: false
-  },
+  modelValue: [Array, String, Number],
+  accordion: Boolean,
   offset: {
     type: Boolean,
     default: true

package/es/collapse-item/CollapseItem.mjs

@@ -78,20 +78,31 @@ var __sfc__ = defineComponent({
       }
     };
     var openPanel = () => {
-      if (!contentEl.value) return;
+      if (!contentEl.value) {
+        return;
+      }
       contentEl.value.style.height = '';
       showContent.value = true;
       requestAnimationFrame(() => {
+        if (!contentEl.value) {
+          return;
+        }
         var {
           offsetHeight
         } = contentEl.value;
         contentEl.value.style.height = 0 + 'px';
         requestAnimationFrame(() => {
-          ;
+          if (!contentEl.value) {
+            return;
+          }
           contentEl.value.style.height = offsetHeight + 'px';
-          if (!isInitToTrigger) return;
+          if (!isInitToTrigger) {
+            return;
+          }
           nextTickFrame(() => {
-            if (isInitToTrigger) transitionend();
+            if (isInitToTrigger) {
+              transitionend();
+            }
           });
         });
       });
@@ -114,7 +125,6 @@ var __sfc__ = defineComponent({
       if (!isShow.value) {
         showContent.value = false;
       }
-      ;
       contentEl.value.style.height = '';
     };
     var collapseItemProvider = {

package/es/collapse-item/props.mjs

@@ -1,16 +1,9 @@
 export var props = {
-  name: {
-    type: [String, Number]
-  },
-  title: {
-    type: String
-  },
+  name: [String, Number],
+  title: String,
   icon: {
     type: String,
     default: 'chevron-down'
   },
-  disabled: {
-    type: Boolean,
-    default: false
-  }
+  disabled: Boolean
 };

package/es/counter/props.mjs

@@ -4,59 +4,27 @@ export var props = {
     type: [String, Number],
     default: 0
   },
-  min: {
-    type: [String, Number]
-  },
-  max: {
-    type: [String, Number]
-  },
+  min: [String, Number],
+  max: [String, Number],
   step: {
     type: [String, Number],
     default: 1
   },
-  color: {
-    type: String
-  },
-  inputWidth: {
-    type: [String, Number]
-  },
-  inputTextSize: {
-    type: [String, Number]
-  },
-  buttonSize: {
-    type: [String, Number]
-  },
+  color: String,
+  inputWidth: [String, Number],
+  inputTextSize: [String, Number],
+  buttonSize: [String, Number],
   elevation: {
     type: [Boolean, Number, String],
     default: true
   },
-  decimalLength: {
-    type: [String, Number]
-  },
-  disabled: {
-    type: Boolean,
-    default: false
-  },
-  readonly: {
-    type: Boolean,
-    default: false
-  },
-  disableIncrement: {
-    type: Boolean,
-    default: false
-  },
-  disableDecrement: {
-    type: Boolean,
-    default: false
-  },
-  disableInput: {
-    type: Boolean,
-    default: false
-  },
-  lazyChange: {
-    type: Boolean,
-    default: false
-  },
+  decimalLength: [String, Number],
+  disabled: Boolean,
+  readonly: Boolean,
+  disableIncrement: Boolean,
+  disableDecrement: Boolean,
+  disableInput: Boolean,
+  lazyChange: Boolean,
   incrementButton: {
     type: Boolean,
     default: true
@@ -77,9 +45,7 @@ export var props = {
     type: Array,
     default: () => ['onInputChange', 'onLazyChange', 'onIncrement', 'onDecrement']
   },
-  rules: {
-    type: Array
-  },
+  rules: Array,
   onBeforeChange: defineListenerProp(),
   onChange: defineListenerProp(),
   onIncrement: defineListenerProp(),

package/es/date-picker/props.mjs

@@ -1,7 +1,4 @@
 import { defineListenerProp } from '../utils/components.mjs';
-function typeValidator(type) {
-  return ['date', 'month'].includes(type);
-}
 export var MONTH_LIST = [{
   index: '01'
 }, {
@@ -43,23 +40,14 @@ export var WEEK_HEADER = [{
   index: '6'
 }];
 export var props = {
-  modelValue: {
-    type: [String, Array]
-  },
+  modelValue: [String, Array],
   type: {
     type: String,
-    default: 'date',
-    validator: typeValidator
-  },
-  allowedDates: {
-    type: Function
-  },
-  color: {
-    type: String
-  },
-  headerColor: {
-    type: String
+    default: 'date'
   },
+  allowedDates: Function,
+  color: String,
+  headerColor: String,
   elevation: {
     type: [Boolean, Number, String],
     default: false
@@ -72,28 +60,15 @@ export var props = {
     type: [String, Number],
     default: 0
   },
-  min: {
-    type: String
-  },
-  max: {
-    type: String
-  },
+  min: String,
+  max: String,
   showCurrent: {
     type: Boolean,
     default: true
   },
-  readonly: {
-    type: Boolean,
-    default: false
-  },
-  multiple: {
-    type: Boolean,
-    default: false
-  },
-  range: {
-    type: Boolean,
-    default: false
-  },
+  readonly: Boolean,
+  multiple: Boolean,
+  range: Boolean,
   touchable: {
     type: Boolean,
     default: true

package/es/dialog/props.mjs

@@ -1,27 +1,14 @@
 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 popupProps } from '../popup/props.mjs';
-function messageAlignValidator(messageAlign) {
-  return ['left', 'center', 'right'].includes(messageAlign);
-}
 export var props = _extends({
-  show: {
-    type: Boolean,
-    default: false
-  },
-  width: {
-    type: [Number, String]
-  },
-  title: {
-    type: String
-  },
-  message: {
-    type: String
-  },
+  show: Boolean,
+  width: [Number, String],
+  title: String,
+  message: String,
   messageAlign: {
     type: String,
-    default: 'left',
-    validator: messageAlignValidator
+    default: 'left'
   },
   confirmButton: {
     type: Boolean,
@@ -31,30 +18,14 @@ export var props = _extends({
     type: Boolean,
     default: true
   },
-  confirmButtonText: {
-    type: String
-  },
-  cancelButtonText: {
-    type: String
-  },
-  confirmButtonTextColor: {
-    type: String
-  },
-  cancelButtonTextColor: {
-    type: String
-  },
-  confirmButtonColor: {
-    type: String
-  },
-  cancelButtonColor: {
-    type: String
-  },
-  dialogClass: {
-    type: String
-  },
-  dialogStyle: {
-    type: Object
-  },
+  confirmButtonText: String,
+  cancelButtonText: String,
+  confirmButtonTextColor: String,
+  cancelButtonTextColor: String,
+  confirmButtonColor: String,
+  cancelButtonColor: String,
+  dialogClass: String,
+  dialogStyle: Object,
   onBeforeClose: defineListenerProp(),
   onConfirm: defineListenerProp(),
   onCancel: defineListenerProp(),

package/es/divider/props.mjs

@@ -3,22 +3,9 @@ export var props = {
     type: [Boolean, Number, String],
     default: false
   },
-  vertical: {
-    type: Boolean,
-    default: false
-  },
-  description: {
-    type: String
-  },
-  margin: {
-    type: String
-  },
-  dashed: {
-    type: Boolean,
-    default: false
-  },
-  hairline: {
-    type: Boolean,
-    default: false
-  }
+  vertical: Boolean,
+  description: String,
+  margin: String,
+  dashed: Boolean,
+  hairline: Boolean
 };

package/es/drag/Drag.mjs

@@ -5,7 +5,7 @@ import { defineComponent, ref, reactive, watch } from 'vue';
 import { props } from './props.mjs';
 import { createNamespace, useTeleport, call } from '../utils/components.mjs';
 import { getRect, toPxNum } from '../utils/elements.mjs';
-import { onSmartMounted, onWindowResize } from '@varlet/use';
+import { onSmartMounted, onWindowResize, useTouch } from '@varlet/use';
 import { clamp } from '@varlet/shared';
 var {
   n,
@@ -59,50 +59,45 @@ var __sfc__ = defineComponent({
     var dragged = ref(false);
     var enableTransition = ref(false);
     var dragging = ref(false);
+    var {
+      touching,
+      moveX,
+      moveY,
+      startTouch,
+      moveTouch,
+      endTouch,
+      resetTouch
+    } = useTouch();
     var {
       disabled: teleportDisabled
     } = useTeleport();
-    var touching = false;
-    var prevX = 0;
-    var prevY = 0;
     var draggingRunner = null;
     var handleTouchstart = event => {
       if (props.disabled) {
         return;
       }
-      draggingRunner && window.clearTimeout(draggingRunner);
-      var {
-        clientX,
-        clientY
-      } = event.touches[0];
+      if (draggingRunner) {
+        window.clearTimeout(draggingRunner);
+      }
       saveXY();
-      prevX = clientX;
-      prevY = clientY;
-      touching = true;
+      startTouch(event);
       dragging.value = false;
     };
     var handleTouchmove = /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator(function* (event) {
-        if (!touching || props.disabled) {
+        if (!touching.value || props.disabled) {
           return;
         }
         event.preventDefault();
         enableTransition.value = false;
         dragged.value = true;
         dragging.value = true;
-        var {
-          clientX,
-          clientY
-        } = event.touches[0];
-        var deltaX = clientX - prevX;
-        var deltaY = clientY - prevY;
-        prevX = clientX;
-        prevY = clientY;
+        moveTouch(event);
         if (props.direction.includes('x')) {
-          x.value += deltaX;
+          x.value += moveX.value;
         }
         if (props.direction.includes('y')) {
-          y.value += deltaY;
+          y.value += moveY.value;
         }
         clampToBoundary();
       });
@@ -114,7 +109,7 @@ var __sfc__ = defineComponent({
       if (props.disabled) {
         return;
       }
-      touching = false;
+      endTouch();
       enableTransition.value = true;
       attract();
       draggingRunner = window.setTimeout(() => {
@@ -261,9 +256,7 @@ var __sfc__ = defineComponent({
       dragging.value = false;
       x.value = 0;
       y.value = 0;
-      touching = false;
-      prevX = 0;
-      prevY = 0;
+      resetTouch();
     };
     watch(() => props.boundary, toPxBoundary);
     onWindowResize(resize);

package/es/drag/props.mjs

@@ -4,13 +4,8 @@ export var props = {
     type: String,
     default: 'xy'
   },
-  attraction: {
-    type: String
-  },
-  disabled: {
-    type: Boolean,
-    default: false
-  },
+  attraction: String,
+  disabled: Boolean,
   boundary: {
     type: Object,
     default: () => ({

package/es/ellipsis/props.mjs

@@ -1,14 +1,6 @@
-export function expandTriggerValidator(expandTrigger) {
-  return ['click'].includes(expandTrigger);
-}
 export var props = {
-  expandTrigger: {
-    type: String,
-    validator: expandTriggerValidator
-  },
-  lineClamp: {
-    type: [Number, String]
-  },
+  expandTrigger: String,
+  lineClamp: [Number, String],
   tooltip: {
     type: [Object, Boolean],
     default: true