@varlet/ui 2.16.2 → 2.16.3-alpha.1694361535255

package/es/slider/Slider.mjs

@@ -10,6 +10,7 @@ import { isArray, isNumber, toNumber, getRect } from '@varlet/shared';
 import { props, Thumbs } from './props.mjs';
 import { onSmartMounted } from '@varlet/use';
 var {
+  name,
   n,
   classes
 } = createNamespace('slider');
@@ -77,7 +78,7 @@ function __render__(_ctx, _cache) {
 }
 
 var __sfc__ = defineComponent({
-  name: 'VarSlider',
+  name,
   components: {
     VarFormDetails,
     VarHoverOverlay
@@ -87,6 +88,14 @@ var __sfc__ = defineComponent({
   },
   props,
   setup(props) {
+    var maxDistance = ref(0);
+    var sliderEl = ref(null);
+    var isScroll = ref(false);
+    var scope = computed(() => toNumber(props.max) - toNumber(props.min));
+    var unitWidth = computed(() => maxDistance.value / scope.value * toNumber(props.step));
+    var isDisabled = computed(() => props.disabled || (form == null ? void 0 : form.disabled.value));
+    var isReadonly = computed(() => props.readonly || (form == null ? void 0 : form.readonly.value));
+    var isVertical = computed(() => props.direction === 'vertical');
     var {
       bindForm,
       form
@@ -105,23 +114,6 @@ var __sfc__ = defineComponent({
       hovering: hoveringSecond,
       handleHovering: handleHoveringSecond
     } = useHoverOverlay();
-    var validate = () => v(props.rules, props.modelValue);
-    var getThumbProps = () => ({
-      startPosition: 0,
-      currentOffset: 0,
-      active: false,
-      percentValue: 0
-    });
-    var validateWithTrigger = () => nextTick(() => vt(['onChange'], 'onChange', props.rules, props.modelValue));
-    var sliderEl = ref(null);
-    var maxDistance = ref(0);
-    var isScroll = ref(false);
-    var thumbsProps = reactive({
-      [Thumbs.First]: getThumbProps(),
-      [Thumbs.Second]: getThumbProps()
-    });
-    var scope = computed(() => toNumber(props.max) - toNumber(props.min));
-    var unitWidth = computed(() => maxDistance.value / scope.value * toNumber(props.step));
     var thumbList = computed(() => {
       var {
         modelValue,
@@ -173,31 +165,65 @@ var __sfc__ = defineComponent({
         background: activeColor
       };
     });
-    var isDisabled = computed(() => props.disabled || (form == null ? void 0 : form.disabled.value));
-    var isReadonly = computed(() => props.readonly || (form == null ? void 0 : form.readonly.value));
-    var isVertical = computed(() => props.direction === 'vertical');
+    var thumbsProps = reactive({
+      [Thumbs.First]: getThumbProps(),
+      [Thumbs.Second]: getThumbProps()
+    });
     var activeThumb;
-    var getOffset = e => {
+    var sliderProvider = {
+      reset,
+      validate,
+      resetValidation
+    };
+    call(bindForm, sliderProvider);
+    watch([() => props.modelValue, () => props.step], _ref => {
+      var [modelValue, step] = _ref;
+      if (!stepValidator() || !valueValidator() || isScroll.value) return;
+      setProps(modelValue, toNumber(step));
+    });
+    watch(maxDistance, () => setProps());
+    onSmartMounted(() => {
+      if (!stepValidator() || !valueValidator()) return;
+      maxDistance.value = sliderEl.value[isVertical.value ? 'offsetHeight' : 'offsetWidth'];
+    });
+    onBeforeUnmount(() => {
+      removeDocumentEvents();
+    });
+    function validate() {
+      return v(props.rules, props.modelValue);
+    }
+    function getThumbProps() {
+      return {
+        startPosition: 0,
+        currentOffset: 0,
+        active: false,
+        percentValue: 0
+      };
+    }
+    function validateWithTrigger() {
+      return nextTick(() => vt(['onChange'], 'onChange', props.rules, props.modelValue));
+    }
+    function getOffset(e) {
       var currentTarget = e.currentTarget;
       if (!currentTarget) return 0;
       if (!isVertical.value) {
         return e.clientX - getLeft(currentTarget);
       }
       return maxDistance.value - (e.clientY - getRect(currentTarget).top);
-    };
-    var thumbStyle = thumb => {
+    }
+    function thumbStyle(thumb) {
       var key = isVertical.value ? 'bottom' : 'left';
       return {
         [key]: thumb.value + "%",
         zIndex: thumbsProps[thumb.enumValue].active ? 1 : undefined
       };
-    };
-    var showLabel = type => {
+    }
+    function showLabel(type) {
       if (props.labelVisible === 'always') return true;
       if (props.labelVisible === 'never') return false;
       return thumbsProps[type].active;
-    };
-    var getValue = value => {
+    }
+    function getValue(value) {
       var {
         min,
         max
@@ -205,20 +231,20 @@ var __sfc__ = defineComponent({
       if (value < toNumber(min)) return 0;
       if (value > toNumber(max)) return 100;
       return (value - toNumber(min)) / scope.value * 100;
-    };
-    var toPrecision = value => {
+    }
+    function toPrecision(value) {
       if (!isNumber(value)) return 0;
       var num = value;
       if (num < Number(props.min)) num = Number(props.min);
       if (num > Number(props.max)) num = Number(props.max);
       var isInteger = parseInt("" + num, 10) === num;
       return isInteger ? num : toNumber(num.toPrecision(5));
-    };
-    var hover = (value, item) => {
+    }
+    function hover(value, item) {
       if (isDisabled.value) return;
       item.handleHovering(value);
-    };
-    var setPercent = (moveDistance, type) => {
+    }
+    function setPercent(moveDistance, type) {
       var rangeValue = [];
       var {
         step,
@@ -241,28 +267,28 @@ var __sfc__ = defineComponent({
         call(props['onUpdate:modelValue'], value);
         validateWithTrigger();
       }
-    };
-    var getType = offset => {
+    }
+    function getType(offset) {
       if (!props.range) return Thumbs.First;
       var thumb1Distance = thumbsProps[Thumbs.First].percentValue * unitWidth.value;
       var thumb2Distance = thumbsProps[Thumbs.Second].percentValue * unitWidth.value;
       var offsetToThumb1 = Math.abs(offset - thumb1Distance);
       var offsetToThumb2 = Math.abs(offset - thumb2Distance);
       return offsetToThumb1 <= offsetToThumb2 ? Thumbs.First : Thumbs.Second;
-    };
-    var addDocumentEvents = () => {
+    }
+    function addDocumentEvents() {
       document.addEventListener('touchmove', move, {
         passive: false
       });
       document.addEventListener('touchend', end);
       document.addEventListener('touchcancel', end);
-    };
-    var removeDocumentEvents = () => {
+    }
+    function removeDocumentEvents() {
       document.removeEventListener('touchmove', move);
       document.removeEventListener('touchend', end);
       document.removeEventListener('touchcancel', end);
-    };
-    var start = (event, type) => {
+    }
+    function start(event, type) {
       if (!maxDistance.value) maxDistance.value = sliderEl.value.offsetWidth;
       if (!isDisabled.value) {
         thumbsProps[type].active = true;
@@ -277,8 +303,8 @@ var __sfc__ = defineComponent({
         clientY
       } = event.touches[0];
       thumbsProps[type].startPosition = isVertical.value ? clientY : clientX;
-    };
-    var move = event => {
+    }
+    function move(event) {
       event.preventDefault();
       if (isDisabled.value || isReadonly.value || !isScroll.value) return;
       var {
@@ -292,8 +318,8 @@ var __sfc__ = defineComponent({
       var moveDistance = (isVertical.value ? startPosition - clientY : clientX - startPosition) + currentOffset;
       if (moveDistance <= 0) moveDistance = 0;else if (moveDistance >= maxDistance.value) moveDistance = maxDistance.value;
       setPercent(moveDistance, activeThumb);
-    };
-    var end = () => {
+    }
+    function end() {
       removeDocumentEvents();
       var {
         range,
@@ -314,8 +340,8 @@ var __sfc__ = defineComponent({
       }
       call(onEnd, range ? rangeValue : curValue);
       isScroll.value = false;
-    };
-    var click = event => {
+    }
+    function click(event) {
       if (isDisabled.value || isReadonly.value) return;
       if (event.target.closest("." + n('thumb'))) return;
       var offset = getOffset(event);
@@ -323,8 +349,8 @@ var __sfc__ = defineComponent({
       activeThumb = type;
       setPercent(offset, type);
       end();
-    };
-    var stepValidator = () => {
+    }
+    function stepValidator() {
       var stepNumber = toNumber(props.step);
       if (isNaN(stepNumber)) {
         warn('Slider', 'type of prop "step" should be Number');
@@ -335,8 +361,8 @@ var __sfc__ = defineComponent({
         return false;
       }
       return true;
-    };
-    var valueValidator = () => {
+    }
+    function valueValidator() {
       var {
         range,
         modelValue
@@ -354,8 +380,8 @@ var __sfc__ = defineComponent({
         return false;
       }
       return true;
-    };
-    var setProps = function (modelValue, step) {
+    }
+    function setProps(modelValue, step) {
       if (modelValue === void 0) {
         modelValue = props.modelValue;
       }
@@ -379,43 +405,24 @@ var __sfc__ = defineComponent({
       } else if (isNumber(modelValue)) {
         thumbsProps[Thumbs.First].currentOffset = getPercent(modelValue) * unitWidth.value;
       }
-    };
-    var reset = () => {
+    }
+    function reset() {
       var resetValue = props.range ? [0, 0] : 0;
       call(props['onUpdate:modelValue'], resetValue);
       resetValidation();
-    };
-    var sliderProvider = {
-      reset,
-      validate,
-      resetValidation
-    };
-    call(bindForm, sliderProvider);
-    watch([() => props.modelValue, () => props.step], _ref => {
-      var [modelValue, step] = _ref;
-      if (!stepValidator() || !valueValidator() || isScroll.value) return;
-      setProps(modelValue, toNumber(step));
-    });
-    watch(maxDistance, () => setProps());
-    onSmartMounted(() => {
-      if (!stepValidator() || !valueValidator()) return;
-      maxDistance.value = sliderEl.value[isVertical.value ? 'offsetHeight' : 'offsetWidth'];
-    });
-    onBeforeUnmount(() => {
-      removeDocumentEvents();
-    });
+    }
     return {
-      n,
-      classes,
       Thumbs,
       sliderEl,
       getFillStyle,
       isDisabled,
       isVertical,
-      thumbStyle,
       errorMessage,
       thumbsProps,
       thumbList,
+      n,
+      classes,
+      thumbStyle,
       hover,
       multiplySizeUnit,
       toNumber,

package/es/snackbar/Snackbar.mjs

@@ -3,6 +3,7 @@ import { defineComponent } from 'vue';
 import { createNamespace, useTeleport } from '../utils/components.mjs';
 import { props } from './props.mjs';
 var {
+  name,
   n
 } = createNamespace('snackbar');
 import { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, mergeProps as _mergeProps, withCtx as _withCtx, createVNode as _createVNode, Transition as _Transition, Teleport as _Teleport, openBlock as _openBlock, createBlock as _createBlock } from "vue";
@@ -29,7 +30,7 @@ function __render__(_ctx, _cache) {
   }, 8 /* PROPS */, ["name", "onAfterEnter", "onAfterLeave"])], 8 /* PROPS */, ["to", "disabled"]);
 }
 var __sfc__ = defineComponent({
-  name: 'VarSnackbar',
+  name,
   components: {
     VarSnackbarCore
   },
@@ -39,8 +40,8 @@ var __sfc__ = defineComponent({
       disabled
     } = useTeleport();
     return {
-      n,
-      disabled
+      disabled,
+      n
     };
   }
 });

package/es/snackbar/style/index.mjs

@@ -1,8 +1,8 @@
 import '../../styles/common.css'
-import '../SnackbarSfc.css'
 import '../../styles/elevation.css'
 import '../../loading/loading.css'
 import '../../button/button.css'
 import '../../icon/icon.css'
 import '../snackbar.css'
 import '../coreSfc.css'
+import '../SnackbarSfc.css'

package/es/space/Space.mjs

@@ -9,17 +9,20 @@ import { computeMargin } from './margin.mjs';
 
 var isInternalSize = size => ['mini', 'small', 'normal', 'large'].includes(size);
 var {
+  name,
   n,
   classes
 } = createNamespace('space');
+function getSize(size, isInternalSize) {
+  return isInternalSize ? ["var(--space-size-" + size + "-y)", "var(--space-size-" + size + "-x)"] : isArray(size) ? size.map(toSizeUnit) : [toSizeUnit(size), toSizeUnit(size)];
+}
 export default defineComponent({
-  name: 'VarSpace',
+  name,
   props,
   setup(props, _ref) {
     var {
       slots
     } = _ref;
-    var getSize = (size, isInternalSize) => isInternalSize ? ["var(--space-size-" + size + "-y)", "var(--space-size-" + size + "-x)"] : isArray(size) ? size.map(toSizeUnit) : [toSizeUnit(size), toSizeUnit(size)];
     return () => {
       var _call;
       var {

package/es/step/Step.mjs

@@ -5,6 +5,7 @@ import { useSteps } from './provide.mjs';
 import { toNumber } from '@varlet/shared';
 import { createNamespace } from '../utils/components.mjs';
 var {
+  name,
   n,
   classes
 } = createNamespace('step');
@@ -53,7 +54,7 @@ function __render__(_ctx, _cache) {
 }
 
 var __sfc__ = defineComponent({
-  name: 'VarStep',
+  name,
   components: {
     VarIcon
   },
@@ -76,17 +77,19 @@ var __sfc__ = defineComponent({
     var stepProvider = {
       index
     };
-    var click = () => clickStep(index.value);
     bindSteps(stepProvider);
+    function click() {
+      return clickStep(index.value);
+    }
     return {
-      n,
-      classes,
       index,
       isActive,
       isCurrent,
       direction,
       activeColor,
       inactiveColor,
+      n,
+      classes,
       click
     };
   }

package/es/steps/Steps.mjs

@@ -3,6 +3,7 @@ import { useStep } from './provide.mjs';
 import { props } from './props.mjs';
 import { createNamespace, call } from '../utils/components.mjs';
 var {
+  name,
   n
 } = createNamespace('steps');
 import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
@@ -16,7 +17,7 @@ function __render__(_ctx, _cache) {
 }
 
 var __sfc__ = defineComponent({
-  name: 'VarSteps',
+  name,
   props,
   setup(props) {
     var active = computed(() => props.active);
@@ -26,9 +27,6 @@ var __sfc__ = defineComponent({
     var {
       bindStep
     } = useStep();
-    var clickStep = index => {
-      call(props.onClickStep, index);
-    };
     var stepsProvider = {
       active,
       direction,
@@ -37,6 +35,9 @@ var __sfc__ = defineComponent({
       clickStep
     };
     bindStep(stepsProvider);
+    function clickStep(index) {
+      call(props.onClickStep, index);
+    }
     return {
       n
     };

package/es/sticky/Sticky.mjs

@@ -7,6 +7,7 @@ import { toNumber, raf, doubleRaf, getRect } from '@varlet/shared';
 import { call, createNamespace } from '../utils/components.mjs';
 import { useEventListener, onSmartMounted, onWindowResize, onSmartUnmounted } from '@varlet/use';
 var {
+  name,
   n,
   classes
 } = createNamespace('sticky');
@@ -36,7 +37,7 @@ function __render__(_ctx, _cache) {
 }
 
 var __sfc__ = defineComponent({
-  name: 'VarSticky',
+  name,
   props,
   setup(props) {
     var stickyEl = ref(null);
@@ -52,7 +53,12 @@ var __sfc__ = defineComponent({
     var enableFixedMode = computed(() => !props.disabled && !props.cssMode && isFixed.value);
     var offsetTop = computed(() => toPxNum(props.offsetTop));
     var scroller;
-    var computeFixedParams = () => {
+    watch(() => props.disabled, resize);
+    onSmartMounted(addScrollListener);
+    onSmartUnmounted(removeScrollListener);
+    onWindowResize(resize);
+    useEventListener(() => window, 'scroll', handleScroll);
+    function computeFixedParams() {
       var {
         cssMode,
         disabled
@@ -94,8 +100,8 @@ var __sfc__ = defineComponent({
         offsetTop: currentOffsetTop,
         isFixed: false
       };
-    };
-    var handleScroll = () => {
+    }
+    function handleScroll() {
       if (!scroller) {
         return;
       }
@@ -105,42 +111,36 @@ var __sfc__ = defineComponent({
       if (fixedParams) {
         call(props.onScroll, fixedParams.offsetTop, fixedParams.isFixed);
       }
-    };
+    }
 
     // expose
-    var resize = /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator(function* () {
+    function resize() {
+      return _resize.apply(this, arguments);
+    }
+    function _resize() {
+      _resize = _asyncToGenerator(function* () {
         isFixed.value = false;
         yield raf();
         computeFixedParams();
       });
-      return function resize() {
-        return _ref.apply(this, arguments);
-      };
-    }();
-    var addScrollListener = /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator(function* () {
+      return _resize.apply(this, arguments);
+    }
+    function addScrollListener() {
+      return _addScrollListener.apply(this, arguments);
+    }
+    function _addScrollListener() {
+      _addScrollListener = _asyncToGenerator(function* () {
         yield doubleRaf();
         scroller = getParentScroller(stickyEl.value);
         scroller !== window && scroller.addEventListener('scroll', handleScroll);
         handleScroll();
       });
-      return function addScrollListener() {
-        return _ref2.apply(this, arguments);
-      };
-    }();
-    var removeScrollListener = () => {
+      return _addScrollListener.apply(this, arguments);
+    }
+    function removeScrollListener() {
       scroller !== window && scroller.removeEventListener('scroll', handleScroll);
-    };
-    watch(() => props.disabled, resize);
-    onSmartMounted(addScrollListener);
-    onSmartUnmounted(removeScrollListener);
-    onWindowResize(resize);
-    useEventListener(() => window, 'scroll', handleScroll);
+    }
     return {
-      n,
-      classes,
-      resize,
       stickyEl,
       wrapperEl,
       isFixed,
@@ -153,6 +153,9 @@ var __sfc__ = defineComponent({
       fixedWrapperHeight,
       enableCSSMode,
       enableFixedMode,
+      n,
+      classes,
+      resize,
       toNumber
     };
   }

package/es/style-provider/StyleProvider.mjs

@@ -3,10 +3,11 @@ import { formatStyleVars } from '../utils/elements.mjs';
 import { call, createNamespace } from '../utils/components.mjs';
 import { props } from './props.mjs';
 var {
+  name,
   n
 } = createNamespace('style-provider');
 var __sfc__ = defineComponent({
-  name: 'VarStyleProvider',
+  name,
   props,
   setup(props, _ref) {
     var {