@varlet/ui 2.16.2 → 2.16.3-alpha.1694267513697

package/es/index-anchor/IndexAnchor.mjs

@@ -4,6 +4,7 @@ import { useIndexBar } from './provide.mjs';
 import { props } from './props.mjs';
 import { createNamespace } from '../utils/components.mjs';
 var {
+  name,
   n,
   classes
 } = createNamespace('index-anchor');
@@ -24,22 +25,22 @@ function __render__(_ctx, _cache) {
   }, 8 /* PROPS */, ["offset-top", "z-index", "disabled", "css-mode"]);
 }
 var __sfc__ = defineComponent({
-  name: 'VarIndexAnchor',
+  name,
   components: {
     VarSticky
   },
   inheritAttrs: false,
   props,
   setup(props) {
+    var ownTop = ref(0);
+    var disabled = ref(false);
+    var name = computed(() => props.index);
+    var anchorEl = ref(null);
     var {
       index,
       indexBar,
       bindIndexBar
     } = useIndexBar();
-    var ownTop = ref(0);
-    var disabled = ref(false);
-    var name = computed(() => props.index);
-    var anchorEl = ref(null);
     var {
       active,
       sticky,
@@ -47,13 +48,6 @@ var __sfc__ = defineComponent({
       stickyOffsetTop,
       zIndex
     } = indexBar;
-    var setOwnTop = () => {
-      if (!anchorEl.value) return;
-      ownTop.value = anchorEl.value.$el ? anchorEl.value.$el.offsetTop : anchorEl.value.offsetTop;
-    };
-    var setDisabled = value => {
-      disabled.value = value;
-    };
     var indexAnchorProvider = {
       index,
       name,
@@ -62,6 +56,15 @@ var __sfc__ = defineComponent({
       setDisabled
     };
     bindIndexBar(indexAnchorProvider);
+    function setOwnTop() {
+      if (!anchorEl.value) {
+        return;
+      }
+      ownTop.value = anchorEl.value.$el ? anchorEl.value.$el.offsetTop : anchorEl.value.offsetTop;
+    }
+    function setDisabled(value) {
+      disabled.value = value;
+    }
     return {
       n,
       classes,

package/es/index-bar/IndexBar.mjs

@@ -9,6 +9,7 @@ import { props } from './props.mjs';
 import { createNamespace, call } from '../utils/components.mjs';
 import { onSmartMounted } from '@varlet/use';
 var {
+  name,
   n,
   classes
 } = createNamespace('index-bar');
@@ -41,14 +42,9 @@ function __render__(_ctx, _cache) {
 }
 
 var __sfc__ = defineComponent({
-  name: 'VarIndexBar',
+  name,
   props,
   setup(props) {
-    var {
-      length,
-      indexAnchors,
-      bindIndexAnchors
-    } = useIndexAnchors();
     var clickedName = ref('');
     var barEl = ref(null);
     var anchorNameList = ref([]);
@@ -57,6 +53,11 @@ var __sfc__ = defineComponent({
     var cssMode = computed(() => props.stickyCssMode || props.cssMode);
     var stickyOffsetTop = computed(() => toPxNum(props.stickyOffsetTop));
     var zIndex = computed(() => props.zIndex);
+    var {
+      length,
+      indexAnchors,
+      bindIndexAnchors
+    } = useIndexAnchors();
     var scroller = null;
     var isDeactivated = false;
     var indexBarProvider = {
@@ -66,16 +67,46 @@ var __sfc__ = defineComponent({
       stickyOffsetTop,
       zIndex
     };
+    watch(() => length.value, /*#__PURE__*/_asyncToGenerator(function* () {
+      yield doubleRaf();
+      indexAnchors.forEach(_ref2 => {
+        var {
+          name,
+          setOwnTop
+        } = _ref2;
+        if (name.value) anchorNameList.value.push(name.value);
+        setOwnTop();
+      });
+    }));
+    onSmartMounted( /*#__PURE__*/_asyncToGenerator(function* () {
+      yield setScroller();
+      addScrollerListener();
+    }));
+    onBeforeUnmount(removeScrollerListener);
+    onDeactivated(() => {
+      isDeactivated = true;
+      removeScrollerListener();
+    });
+    onActivated(() => {
+      if (!isDeactivated || active.value === undefined) return;
+      anchorClick({
+        anchorName: active.value,
+        options: {
+          event: false
+        }
+      });
+      isDeactivated = false;
+    });
     bindIndexAnchors(indexBarProvider);
-    var emitEvent = (anchor, options) => {
+    function emitEvent(anchor, options) {
       var anchorName = isPlainObject(anchor) ? anchor.name.value : anchor;
       if (anchorName === active.value || anchorName === undefined) return;
       active.value = anchorName;
       if ((options == null ? void 0 : options.event) !== false) {
         call(props.onChange, anchorName);
       }
-    };
-    var getOffsetTop = () => {
+    }
+    function getOffsetTop() {
       if (isWindow(scroller)) return 0;
       var {
         top: parentTop
@@ -87,8 +118,8 @@ var __sfc__ = defineComponent({
         top: targetTop
       } = getRect(barEl.value);
       return scrollTop - parentTop + targetTop;
-    };
-    var handleScroll = () => {
+    }
+    function handleScroll() {
       var scrollTop = getScrollTop(scroller);
       var scrollHeight = scroller === window ? document.body.scrollHeight : scroller.scrollHeight;
       var offsetTop = getOffsetTop();
@@ -102,24 +133,27 @@ var __sfc__ = defineComponent({
           emitEvent(anchor);
         }
       });
-    };
-    var anchorClick = /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator(function* (_ref) {
+    }
+    function anchorClick(_x) {
+      return _anchorClick.apply(this, arguments);
+    }
+    function _anchorClick() {
+      _anchorClick = _asyncToGenerator(function* (_ref4) {
         var {
           anchorName,
           manualCall = false,
           options
-        } = _ref;
+        } = _ref4;
         if (manualCall) {
           call(props.onClick, anchorName);
         }
         if (anchorName === active.value && !isDeactivated) {
           return;
         }
-        var indexAnchor = indexAnchors.find(_ref3 => {
+        var indexAnchor = indexAnchors.find(_ref5 => {
           var {
             name
-          } = _ref3;
+          } = _ref5;
           return anchorName === name.value;
         });
         if (!indexAnchor) {
@@ -139,70 +173,39 @@ var __sfc__ = defineComponent({
         yield doubleRaf();
         clickedName.value = '';
       });
-      return function anchorClick(_x) {
-        return _ref2.apply(this, arguments);
-      };
-    }();
-    var setScroller = /*#__PURE__*/function () {
-      var _ref4 = _asyncToGenerator(function* () {
+      return _anchorClick.apply(this, arguments);
+    }
+    function setScroller() {
+      return _setScroller.apply(this, arguments);
+    }
+    function _setScroller() {
+      _setScroller = _asyncToGenerator(function* () {
         yield doubleRaf();
         scroller = getParentScroller(barEl.value);
       });
-      return function setScroller() {
-        return _ref4.apply(this, arguments);
-      };
-    }();
-    var addScrollerListener = () => {
+      return _setScroller.apply(this, arguments);
+    }
+    function addScrollerListener() {
       scroller.addEventListener('scroll', handleScroll);
-    };
-    var removeScrollerListener = () => {
+    }
+    function removeScrollerListener() {
       scroller.removeEventListener('scroll', handleScroll);
-    };
+    }
 
     // expose
-    var scrollTo = (index, options) => {
+    function scrollTo(index, options) {
       requestAnimationFrame(() => anchorClick({
         anchorName: index,
         options
       }));
-    };
-    watch(() => length.value, /*#__PURE__*/_asyncToGenerator(function* () {
-      yield doubleRaf();
-      indexAnchors.forEach(_ref6 => {
-        var {
-          name,
-          setOwnTop
-        } = _ref6;
-        if (name.value) anchorNameList.value.push(name.value);
-        setOwnTop();
-      });
-    }));
-    onSmartMounted( /*#__PURE__*/_asyncToGenerator(function* () {
-      yield setScroller();
-      addScrollerListener();
-    }));
-    onBeforeUnmount(removeScrollerListener);
-    onDeactivated(() => {
-      isDeactivated = true;
-      removeScrollerListener();
-    });
-    onActivated(() => {
-      if (!isDeactivated || active.value === undefined) return;
-      anchorClick({
-        anchorName: active.value,
-        options: {
-          event: false
-        }
-      });
-      isDeactivated = false;
-    });
+    }
     return {
-      n,
-      classes,
       barEl,
       active,
       zIndex,
       anchorNameList,
+      n,
+      classes,
       toNumber,
       scrollTo,
       anchorClick

package/es/index.bundle.mjs

@@ -247,7 +247,7 @@ import './tooltip/style/index.mjs'
 import './uploader/style/index.mjs'
 import './watermark/style/index.mjs'
 
-const version = '2.16.2'
+const version = '2.16.3-alpha.1694267513697'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/index.mjs

@@ -164,7 +164,7 @@ export * from './tooltip/index.mjs'
 export * from './uploader/index.mjs'
 export * from './watermark/index.mjs'
 
-const version = '2.16.2'
+const version = '2.16.3-alpha.1694267513697'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/input/Input.mjs

@@ -7,6 +7,7 @@ import { useValidation, createNamespace, call } from '../utils/components.mjs';
 import { useForm } from '../form/provide.mjs';
 import { onSmartMounted } from '@varlet/use';
 var {
+  name,
   n,
   classes
 } = createNamespace('input');
@@ -150,7 +151,7 @@ function __render__(_ctx, _cache) {
 }
 
 var __sfc__ = defineComponent({
-  name: 'VarInput',
+  name,
   components: {
     VarFormDetails,
     VarFieldDecorator
@@ -161,6 +162,18 @@ var __sfc__ = defineComponent({
     var el = ref(null);
     var isFocus = ref(false);
     var isComposing = ref(false);
+    var {
+      bindForm,
+      form
+    } = useForm();
+    var {
+      errorMessage,
+      validateWithTrigger: vt,
+      validate: v,
+      // expose
+      resetValidation
+    } = useValidation();
+    var cursor = computed(() => props.disabled || props.readonly ? '' : 'text');
     var normalizedType = computed(() => {
       if (props.type === 'number') {
         return 'text';
@@ -180,7 +193,6 @@ var __sfc__ = defineComponent({
       }
       return String(modelValue).length + "/" + maxlength;
     });
-    var cursor = computed(() => props.disabled || props.readonly ? '' : 'text');
     var placeholderColor = computed(() => {
       var {
         hint,
@@ -198,18 +210,18 @@ var __sfc__ = defineComponent({
       }
       return blurColor || 'var(--field-decorator-blur-color)';
     });
-    var {
-      bindForm,
-      form
-    } = useForm();
-    var {
-      errorMessage,
-      validateWithTrigger: vt,
-      validate: v,
-      // expose
+    var inputProvider = {
+      reset,
+      validate,
       resetValidation
-    } = useValidation();
-    var validateWithTrigger = trigger => {
+    };
+    call(bindForm, inputProvider);
+    onSmartMounted(() => {
+      if (props.autofocus) {
+        focus();
+      }
+    });
+    function validateWithTrigger(trigger) {
       nextTick(() => {
         var {
           validateTrigger,
@@ -218,18 +230,18 @@ var __sfc__ = defineComponent({
         } = props;
         vt(validateTrigger, trigger, rules, modelValue);
       });
-    };
-    var handleFocus = e => {
+    }
+    function handleFocus(e) {
       isFocus.value = true;
       call(props.onFocus, e);
       validateWithTrigger('onFocus');
-    };
-    var handleBlur = e => {
+    }
+    function handleBlur(e) {
       isFocus.value = false;
       call(props.onBlur, e);
       validateWithTrigger('onBlur');
-    };
-    var updateValue = e => {
+    }
+    function updateValue(e) {
       var target = e.target;
       var {
         value
@@ -238,18 +250,18 @@ var __sfc__ = defineComponent({
         value = formatNumber(value);
       }
       return withMaxlength(withTrim(value));
-    };
-    var handleCompositionStart = () => {
+    }
+    function handleCompositionStart() {
       isComposing.value = true;
-    };
-    var handleCompositionEnd = e => {
+    }
+    function handleCompositionEnd(e) {
       if (!isComposing.value) {
         return;
       }
       isComposing.value = false;
       e.target.dispatchEvent(new Event('input'));
-    };
-    var handleInput = e => {
+    }
+    function handleInput(e) {
       if (isComposing.value) {
         return;
       }
@@ -257,13 +269,13 @@ var __sfc__ = defineComponent({
       call(props['onUpdate:modelValue'], value);
       call(props.onInput, value, e);
       validateWithTrigger('onInput');
-    };
-    var handleChange = e => {
+    }
+    function handleChange(e) {
       var value = updateValue(e);
       call(props.onChange, value, e);
       validateWithTrigger('onChange');
-    };
-    var handleClear = () => {
+    }
+    function handleClear() {
       var {
         disabled,
         readonly,
@@ -276,8 +288,8 @@ var __sfc__ = defineComponent({
       call(props['onUpdate:modelValue'], '');
       call(onClear, '');
       validateWithTrigger('onClear');
-    };
-    var handleClick = e => {
+    }
+    function handleClick(e) {
       var {
         disabled,
         onClick
@@ -287,8 +299,8 @@ var __sfc__ = defineComponent({
       }
       call(onClick, e);
       validateWithTrigger('onClick');
-    };
-    var formatNumber = value => {
+    }
+    function formatNumber(value) {
       var minusIndex = value.indexOf('-');
       var dotIndex = value.indexOf('.');
       if (minusIndex > -1) {
@@ -298,10 +310,14 @@ var __sfc__ = defineComponent({
         value = value.slice(0, dotIndex + 1) + value.slice(dotIndex).replace(/\./g, '');
       }
       return value.replace(/[^-0-9.]/g, '');
-    };
-    var withTrim = value => props.modelModifiers.trim ? value.trim() : value;
-    var withMaxlength = value => props.maxlength ? value.slice(0, toNumber(props.maxlength)) : value;
-    var handleMousedown = e => {
+    }
+    function withTrim(value) {
+      return props.modelModifiers.trim ? value.trim() : value;
+    }
+    function withMaxlength(value) {
+      return props.maxlength ? value.slice(0, toNumber(props.maxlength)) : value;
+    }
+    function handleMousedown(e) {
       var {
         disabled
       } = props;
@@ -310,40 +326,31 @@ var __sfc__ = defineComponent({
       }
       focus();
       e.preventDefault();
-    };
+    }
 
     // expose
-    var reset = () => {
+    function reset() {
       call(props['onUpdate:modelValue'], '');
       resetValidation();
-    };
+    }
 
     // expose
-    var validate = () => v(props.rules, props.modelValue);
+    function validate() {
+      return v(props.rules, props.modelValue);
+    }
 
     // expose
-    var focus = () => {
+    function focus() {
       var _el$value;
       ;
       (_el$value = el.value) == null ? void 0 : _el$value.focus();
-    };
+    }
 
     // expose
-    var blur = () => {
+    function blur() {
       ;
       el.value.blur();
-    };
-    var inputProvider = {
-      reset,
-      validate,
-      resetValidation
-    };
-    call(bindForm, inputProvider);
-    onSmartMounted(() => {
-      if (props.autofocus) {
-        focus();
-      }
-    });
+    }
     return {
       el,
       id,

package/es/link/Link.mjs

@@ -3,6 +3,7 @@ import { props } from './props.mjs';
 import { call, createNamespace } from '../utils/components.mjs';
 import { toSizeUnit } from '../utils/elements.mjs';
 var {
+  name,
   n,
   classes
 } = createNamespace('link');
@@ -21,7 +22,7 @@ function __render__(_ctx, _cache) {
   }, 16 /* FULL_PROPS */, ["class", "style", "onClick"]);
 }
 var __sfc__ = defineComponent({
-  name: 'VarLink',
+  name,
   props,
   setup(props) {
     var tag = computed(() => {
@@ -64,17 +65,17 @@ var __sfc__ = defineComponent({
       }
       return {};
     });
-    var handleClick = e => {
+    function handleClick(e) {
       if (props.disabled) {
         return;
       }
       call(props.onClick, e);
-    };
+    }
     return {
-      n,
-      classes,
       tag,
       linkProps,
+      n,
+      classes,
       handleClick,
       toSizeUnit
     };