@varlet/ui 2.14.2 → 2.15.0-alpha.1692990022445

package/es/input/Input.mjs

@@ -20,7 +20,7 @@ function __render__(_ctx, _cache) {
   var _component_var_form_details = _resolveComponent("var-form-details");
   return _openBlock(), _createElementBlock("div", {
     class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n('$--box'))),
-    onMousedown: _cache[15] || (_cache[15] = function () {
+    onMousedown: _cache[13] || (_cache[13] = function () {
       return _ctx.handleMousedown && _ctx.handleMousedown(...arguments);
     })
   }, [_createVNode(_component_var_field_decorator, _normalizeProps(_guardReactiveProps({
@@ -86,13 +86,10 @@ function __render__(_ctx, _cache) {
       onChange: _cache[3] || (_cache[3] = function () {
         return _ctx.handleChange && _ctx.handleChange(...arguments);
       }),
-      onTouchstart: _cache[4] || (_cache[4] = function () {
-        return _ctx.handleTouchstart && _ctx.handleTouchstart(...arguments);
-      }),
-      onCompositionstart: _cache[5] || (_cache[5] = function () {
+      onCompositionstart: _cache[4] || (_cache[4] = function () {
         return _ctx.handleCompositionStart && _ctx.handleCompositionStart(...arguments);
       }),
-      onCompositionend: _cache[6] || (_cache[6] = function () {
+      onCompositionend: _cache[5] || (_cache[5] = function () {
         return _ctx.handleCompositionEnd && _ctx.handleCompositionEnd(...arguments);
       })
     }, "\n      ", 46 /* CLASS, STYLE, PROPS, HYDRATE_EVENTS */, _hoisted_2)) : (_openBlock(), _createElementBlock("input", {
@@ -113,25 +110,22 @@ function __render__(_ctx, _cache) {
         caretColor: !_ctx.errorMessage ? _ctx.focusColor : undefined,
         '--input-placeholder-color': _ctx.placeholderColor
       }),
-      onFocus: _cache[7] || (_cache[7] = function () {
+      onFocus: _cache[6] || (_cache[6] = function () {
         return _ctx.handleFocus && _ctx.handleFocus(...arguments);
       }),
-      onBlur: _cache[8] || (_cache[8] = function () {
+      onBlur: _cache[7] || (_cache[7] = function () {
         return _ctx.handleBlur && _ctx.handleBlur(...arguments);
       }),
-      onInput: _cache[9] || (_cache[9] = function () {
+      onInput: _cache[8] || (_cache[8] = function () {
         return _ctx.handleInput && _ctx.handleInput(...arguments);
       }),
-      onChange: _cache[10] || (_cache[10] = function () {
+      onChange: _cache[9] || (_cache[9] = function () {
         return _ctx.handleChange && _ctx.handleChange(...arguments);
       }),
-      onTouchstart: _cache[11] || (_cache[11] = function () {
-        return _ctx.handleTouchstart && _ctx.handleTouchstart(...arguments);
-      }),
-      onCompositionstart: _cache[12] || (_cache[12] = function () {
+      onCompositionstart: _cache[10] || (_cache[10] = function () {
         return _ctx.handleCompositionStart && _ctx.handleCompositionStart(...arguments);
       }),
-      onCompositionend: _cache[13] || (_cache[13] = function () {
+      onCompositionend: _cache[11] || (_cache[11] = function () {
         return _ctx.handleCompositionEnd && _ctx.handleCompositionEnd(...arguments);
       })
     }, null, 46 /* CLASS, STYLE, PROPS, HYDRATE_EVENTS */, _hoisted_3))]),
@@ -143,7 +137,7 @@ function __render__(_ctx, _cache) {
   } : undefined]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */), _createVNode(_component_var_form_details, {
     "error-message": _ctx.errorMessage,
     "extra-message": _ctx.maxlengthText,
-    onMousedown: _cache[14] || (_cache[14] = _withModifiers(() => {}, ["stop"]))
+    onMousedown: _cache[12] || (_cache[12] = _withModifiers(() => {}, ["stop"]))
   }, _createSlots({
     _: 2 /* DYNAMIC */
   }, [_ctx.$slots['extra-message'] ? {
@@ -305,17 +299,7 @@ var __sfc__ = defineComponent({
     };
     var withTrim = value => props.modelModifiers.trim ? value.trim() : value;
     var withMaxlength = value => props.maxlength ? value.slice(0, toNumber(props.maxlength)) : value;
-    var handleTouchstart = e => {
-      var {
-        disabled,
-        readonly
-      } = props;
-      if (form != null && form.disabled.value || form != null && form.readonly.value || disabled || readonly) {
-        return;
-      }
-      e.stopPropagation();
-    };
-    function handleMousedown(e) {
+    var handleMousedown = e => {
       var {
         disabled
       } = props;
@@ -324,7 +308,7 @@ var __sfc__ = defineComponent({
       }
       focus();
       e.preventDefault();
-    }
+    };
 
     // expose
     var reset = () => {
@@ -379,7 +363,6 @@ var __sfc__ = defineComponent({
       handleChange,
       handleClear,
       handleClick,
-      handleTouchstart,
       handleCompositionStart,
       handleCompositionEnd,
       handleMousedown,

package/es/input/props.mjs

@@ -1,55 +1,31 @@
 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 typeValidator(type) {
-  return ['text', 'password', 'number', 'tel', 'email'].includes(type);
-}
 export var props = _extends({
-  modelValue: {
-    type: String
-  },
+  modelValue: String,
   modelModifiers: {
     type: Object,
     default: () => ({})
   },
   type: {
     type: String,
-    default: 'text',
-    validator: typeValidator
-  },
-  textarea: {
-    type: Boolean,
-    default: false
+    default: 'text'
   },
+  textarea: Boolean,
   rows: {
     type: [String, Number],
     default: 8
   },
-  maxlength: {
-    type: [String, Number]
-  },
-  readonly: {
-    type: Boolean,
-    default: false
-  },
-  resize: {
-    type: Boolean,
-    default: false
-  },
-  autofocus: {
-    type: Boolean,
-    default: false
-  },
+  maxlength: [String, Number],
+  readonly: Boolean,
+  resize: Boolean,
+  autofocus: Boolean,
   validateTrigger: {
     type: Array,
     default: () => ['onInput', 'onClear']
   },
-  rules: {
-    type: Array
-  },
-  enterkeyhint: {
-    type: String
-  },
+  rules: Array,
+  enterkeyhint: String,
   onFocus: defineListenerProp(),
   onBlur: defineListenerProp(),
   onInput: defineListenerProp(),

package/es/link/props.mjs

@@ -1,43 +1,19 @@
 import { defineListenerProp } from '../utils/components.mjs';
-function typeValidator(type) {
-  return ['default', 'primary', 'info', 'success', 'warning', 'danger'].includes(type);
-}
-function underlineValidator(status) {
-  return ['always', 'hover', 'none'].includes(status);
-}
 export var props = {
   type: {
     type: String,
-    default: 'default',
-    validator: typeValidator
-  },
-  href: {
-    type: String
-  },
-  target: {
-    type: String
-  },
-  to: {
-    type: [String, Object]
-  },
-  replace: {
-    type: Boolean,
-    default: false
+    default: 'default'
   },
+  href: String,
+  target: String,
+  to: [String, Object],
+  replace: Boolean,
   underline: {
     type: String,
-    default: 'always',
-    validator: underlineValidator
-  },
-  disabled: {
-    type: Boolean,
-    default: false
-  },
-  textSize: {
-    type: [String, Number]
-  },
-  textColor: {
-    type: String
+    default: 'always'
   },
+  disabled: Boolean,
+  textSize: [String, Number],
+  textColor: String,
   onClick: defineListenerProp()
 };

package/es/list/props.mjs

@@ -1,34 +1,19 @@
 import { defineListenerProp } from '../utils/components.mjs';
 export var props = {
-  loading: {
-    type: Boolean,
-    default: false
-  },
+  loading: Boolean,
   immediateCheck: {
     type: Boolean,
     default: true
   },
-  finished: {
-    type: Boolean,
-    default: false
-  },
-  error: {
-    type: Boolean,
-    default: false
-  },
+  finished: Boolean,
+  error: Boolean,
   offset: {
     type: [String, Number],
     default: 0
   },
-  loadingText: {
-    type: String
-  },
-  finishedText: {
-    type: String
-  },
-  errorText: {
-    type: String
-  },
+  loadingText: String,
+  finishedText: String,
+  errorText: String,
   onLoad: defineListenerProp(),
   'onUpdate:loading': defineListenerProp(),
   'onUpdate:error': defineListenerProp()

package/es/loading/props.mjs

@@ -1,31 +1,14 @@
-export function typeValidator(type) {
-  return ['circle', 'wave', 'cube', 'rect', 'disappear'].includes(type);
-}
-export function sizeValidator(size) {
-  return ['normal', 'mini', 'small', 'large'].includes(size);
-}
 export var props = {
   type: {
     type: String,
-    default: 'circle',
-    validator: typeValidator
-  },
-  radius: {
-    type: [String, Number]
+    default: 'circle'
   },
+  radius: [String, Number],
   size: {
     type: String,
-    default: 'normal',
-    validator: sizeValidator
-  },
-  color: {
-    type: String
-  },
-  description: {
-    type: String
+    default: 'normal'
   },
-  loading: {
-    type: Boolean,
-    default: false
-  }
+  color: String,
+  description: String,
+  loading: Boolean
 };

package/es/loading-bar/props.mjs

@@ -7,20 +7,9 @@ export var props = {
     type: Number,
     default: 0
   },
-  error: {
-    type: Boolean,
-    default: false
-  },
-  color: {
-    type: String
-  },
-  errorColor: {
-    type: String
-  },
-  height: {
-    type: [Number, String]
-  },
-  top: {
-    type: [Number, String]
-  }
+  error: Boolean,
+  color: String,
+  errorColor: String,
+  height: [Number, String],
+  top: [Number, String]
 };

package/es/menu/props.mjs

@@ -1,39 +1,19 @@
 import { defineListenerProp } from '../utils/components.mjs';
-function triggerValidator(trigger) {
-  return ['click', 'hover'].includes(trigger);
-}
-function placementValidator(alignment) {
-  return ['top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end', 'right', 'right-start', 'right-end', 'left', 'left-start', 'left-end', 'cover-top', 'cover-top-start', 'cover-top-end', 'cover-bottom', 'cover-bottom-start', 'cover-bottom-end', 'cover-left', 'cover-right'].includes(alignment);
-}
-function strategyValidator(strategy) {
-  return ['absolute', 'fixed'].includes(strategy);
-}
 export var props = {
-  show: {
-    type: Boolean,
-    default: false
-  },
-  disabled: {
-    type: Boolean,
-    default: false
-  },
+  show: Boolean,
+  disabled: Boolean,
   trigger: {
     type: String,
-    default: 'click',
-    validator: triggerValidator
-  },
-  reference: {
-    type: String
+    default: 'click'
   },
+  reference: String,
   placement: {
     type: String,
-    default: 'cover-top-start',
-    validator: placementValidator
+    default: 'cover-top-start'
   },
   strategy: {
     type: String,
-    default: 'absolute',
-    validator: strategyValidator
+    default: 'absolute'
   },
   offsetX: {
     type: [Number, String],
@@ -47,10 +27,7 @@ export var props = {
     type: [String, Object, Boolean],
     default: 'body'
   },
-  sameWidth: {
-    type: Boolean,
-    default: false
-  },
+  sameWidth: Boolean,
   elevation: {
     type: [Boolean, String, Number],
     default: true
@@ -59,13 +36,8 @@ export var props = {
     type: Boolean,
     default: true
   },
-  popoverClass: {
-    type: String
-  },
-  closeOnClickReference: {
-    type: Boolean,
-    default: false
-  },
+  popoverClass: String,
+  closeOnClickReference: Boolean,
   onOpen: defineListenerProp(),
   onOpened: defineListenerProp(),
   onClose: defineListenerProp(),

package/es/option/Option.mjs

@@ -4,14 +4,18 @@ import { defineComponent, computed, ref, watch } from 'vue';
 import { useSelect } from './provide.mjs';
 import { createNamespace } from '../utils/components.mjs';
 import { props } from './props.mjs';
+import Hover from '../hover/index.mjs';
+import VarHoverOverlay, { useHoverOverlay } from '../hover-overlay/index.mjs';
 var {
   n,
   classes
 } = createNamespace('option');
-import { normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, withModifiers as _withModifiers, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, resolveDirective as _resolveDirective, createElementBlock as _createElementBlock, withDirectives as _withDirectives } from "vue";
+import { normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, withModifiers as _withModifiers, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, createVNode as _createVNode, resolveDirective as _resolveDirective, createElementBlock as _createElementBlock, withDirectives as _withDirectives } from "vue";
 function __render__(_ctx, _cache) {
   var _component_var_checkbox = _resolveComponent("var-checkbox");
+  var _component_var_hover_overlay = _resolveComponent("var-hover-overlay");
   var _directive_ripple = _resolveDirective("ripple");
+  var _directive_hover = _resolveDirective("hover");
   return _withDirectives((_openBlock(), _createElementBlock("div", {
     class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n('$--box'), [_ctx.optionSelected, _ctx.n('--selected-color')])),
     style: _normalizeStyle({
@@ -35,15 +39,19 @@ function __render__(_ctx, _cache) {
     onChange: _ctx.handleSelect
   }, null, 8 /* PROPS */, ["checked-color", "modelValue", "onChange"])) : _createCommentVNode("v-if", true), _createElementVNode("div", {
     class: _normalizeClass(_ctx.classes(_ctx.n('text'), _ctx.n('$--ellipsis')))
-  }, [_renderSlot(_ctx.$slots, "default", {}, () => [_createTextVNode(_toDisplayString(_ctx.label), 1 /* TEXT */)])], 2 /* CLASS */)], 6 /* CLASS, STYLE */)), [[_directive_ripple]]);
+  }, [_renderSlot(_ctx.$slots, "default", {}, () => [_createTextVNode(_toDisplayString(_ctx.label), 1 /* TEXT */)])], 2 /* CLASS */), _createVNode(_component_var_hover_overlay, {
+    hovering: _ctx.hovering
+  }, null, 8 /* PROPS */, ["hovering"])], 6 /* CLASS, STYLE */)), [[_directive_ripple], [_directive_hover, _ctx.handleHovering, "desktop"]]);
 }
 var __sfc__ = defineComponent({
   name: 'VarOption',
   directives: {
-    Ripple
+    Ripple,
+    Hover
   },
   components: {
-    VarCheckbox
+    VarCheckbox,
+    VarHoverOverlay
   },
   props,
   setup(props) {
@@ -61,6 +69,10 @@ var __sfc__ = defineComponent({
       onSelect,
       computeLabel
     } = select;
+    var {
+      hovering,
+      handleHovering
+    } = useHoverOverlay();
     var handleClick = () => {
       if (multiple.value) {
         optionSelected.value = !optionSelected.value;
@@ -85,6 +97,8 @@ var __sfc__ = defineComponent({
       optionSelected,
       multiple,
       focusColor,
+      hovering,
+      handleHovering,
       handleClick,
       handleSelect
     };

package/es/overlay/props.mjs

@@ -1,16 +1,11 @@
 import { defineListenerProp } from '../utils/components.mjs';
 export var props = {
-  show: {
-    type: Boolean,
-    default: false
-  },
+  show: Boolean,
   lockScroll: {
     type: Boolean,
     default: true
   },
-  teleport: {
-    type: String
-  },
+  teleport: [String, Object, Boolean],
   onClick: defineListenerProp(),
   'onUpdate:show': defineListenerProp()
 };

package/es/pagination/props.mjs

@@ -1,8 +1,6 @@
 import { defineListenerProp } from '../utils/components.mjs';
 export var props = {
-  current: {
-    type: [Number, String]
-  },
+  current: [Number, String],
   size: {
     type: [Number, String],
     default: 10
@@ -19,10 +17,7 @@ export var props = {
     type: Number,
     default: 3
   },
-  disabled: {
-    type: Boolean,
-    default: false
-  },
+  disabled: Boolean,
   simple: {
     type: Boolean,
     default: true
@@ -31,17 +26,12 @@ export var props = {
     type: Boolean,
     default: true
   },
-  showQuickJumper: {
-    type: Boolean,
-    default: false
-  },
+  showQuickJumper: Boolean,
   sizeOption: {
     type: Array,
     default: () => [10, 20, 50, 100]
   },
-  showTotal: {
-    type: Function
-  },
+  showTotal: Function,
   onChange: defineListenerProp(),
   'onUpdate:current': defineListenerProp(),
   'onUpdate:size': defineListenerProp()

package/es/paper/props.mjs

@@ -4,26 +4,11 @@ export var props = {
     type: [Boolean, Number, String],
     default: false
   },
-  ripple: {
-    type: Boolean,
-    default: false
-  },
-  radius: {
-    type: [Number, String]
-  },
-  width: {
-    type: [Number, String]
-  },
-  height: {
-    type: [Number, String]
-  },
-  round: {
-    type: Boolean,
-    default: false
-  },
-  inline: {
-    type: Boolean,
-    default: false
-  },
+  ripple: Boolean,
+  radius: [Number, String],
+  width: [Number, String],
+  height: [Number, String],
+  round: Boolean,
+  inline: Boolean,
   onClick: defineListenerProp()
 };

package/es/picker/props.mjs

@@ -6,9 +6,7 @@ export var props = _extends({
     type: Array,
     default: () => []
   },
-  title: {
-    type: String
-  },
+  title: String,
   textKey: {
     type: String,
     default: 'text'
@@ -17,10 +15,7 @@ export var props = _extends({
     type: Boolean,
     default: true
   },
-  cascade: {
-    type: Boolean,
-    default: false
-  },
+  cascade: Boolean,
   cascadeInitialIndexes: {
     type: Array,
     default: () => []
@@ -33,23 +28,12 @@ export var props = _extends({
     type: [Number, String],
     default: 6
   },
-  confirmButtonText: {
-    type: String
-  },
-  cancelButtonText: {
-    type: String
-  },
-  confirmButtonTextColor: {
-    type: String
-  },
-  cancelButtonTextColor: {
-    type: String
-  },
+  confirmButtonText: String,
+  cancelButtonText: String,
+  confirmButtonTextColor: String,
+  cancelButtonTextColor: String,
   // dynamic internal
-  dynamic: {
-    type: Boolean,
-    default: false
-  },
+  dynamic: Boolean,
   textFormatter: {
     type: Function,
     default: text => text

package/es/popup/props.mjs

@@ -1,30 +1,17 @@
 import { defineListenerProp } from '../utils/components.mjs';
-function positionValidator(position) {
-  return ['top', 'bottom', 'right', 'left', 'center'].includes(position);
-}
 export var props = {
-  show: {
-    type: Boolean,
-    default: false
-  },
+  show: Boolean,
   position: {
     type: String,
-    default: 'center',
-    validator: positionValidator
-  },
-  transition: {
-    type: String
+    default: 'center'
   },
+  transition: String,
   overlay: {
     type: Boolean,
     default: true
   },
-  overlayClass: {
-    type: String
-  },
-  overlayStyle: {
-    type: Object
-  },
+  overlayClass: String,
+  overlayStyle: Object,
   lockScroll: {
     type: Boolean,
     default: true
@@ -37,14 +24,8 @@ export var props = {
     type: Boolean,
     default: true
   },
-  safeArea: {
-    type: Boolean,
-    default: false
-  },
-  safeAreaTop: {
-    type: Boolean,
-    default: false
-  },
+  safeArea: Boolean,
+  safeAreaTop: Boolean,
   teleport: {
     type: [String, Object, Boolean],
     default: 'body'