@varlet/ui 2.16.7 → 2.16.8-alpha.1695118057982

package/es/index-anchor/IndexAnchor.mjs

@@ -1,56 +1,56 @@
-import VarSticky from '../sticky/index.mjs';
-import { computed, defineComponent, ref, Transition } from 'vue';
-import { useIndexBar } from './provide.mjs';
-import { props } from './props.mjs';
-import { createNamespace } from '../utils/components.mjs';
-var {
-  name,
-  n,
-  classes
-} = createNamespace('index-anchor');
+import VarSticky from "../sticky/index.mjs";
+import { computed, defineComponent, ref, Transition } from "vue";
+import { useIndexBar } from "./provide.mjs";
+import { props } from "./props.mjs";
+import { createNamespace } from "../utils/components.mjs";
+const { name, n, classes } = createNamespace("index-anchor");
 import { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, mergeProps as _mergeProps, createElementVNode as _createElementVNode, resolveDynamicComponent as _resolveDynamicComponent, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock } from "vue";
 function __render__(_ctx, _cache) {
-  return _openBlock(), _createBlock(_resolveDynamicComponent(_ctx.sticky ? _ctx.n('$-sticky') : _ctx.Transition), {
+  return _openBlock(), _createBlock(_resolveDynamicComponent(_ctx.sticky ? _ctx.n("$-sticky") : _ctx.Transition), {
     "offset-top": _ctx.sticky ? _ctx.stickyOffsetTop : null,
     "z-index": _ctx.sticky ? _ctx.zIndex : null,
     disabled: _ctx.disabled && !_ctx.cssMode,
     "css-mode": _ctx.cssMode,
     ref: "anchorEl"
   }, {
-    default: _withCtx(() => [_createElementVNode("div", _mergeProps({
-      class: _ctx.n()
-    }, _ctx.$attrs), [_renderSlot(_ctx.$slots, "default", {}, () => [_createTextVNode(_toDisplayString(_ctx.name), 1 /* TEXT */)])], 16 /* FULL_PROPS */)]),
-
-    _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["offset-top", "z-index", "disabled", "css-mode"]);
+    default: _withCtx(() => [
+      _createElementVNode(
+        "div",
+        _mergeProps({
+          class: _ctx.n()
+        }, _ctx.$attrs),
+        [
+          _renderSlot(_ctx.$slots, "default", {}, () => [
+            _createTextVNode(
+              _toDisplayString(_ctx.name),
+              1
+              /* TEXT */
+            )
+          ])
+        ],
+        16
+        /* FULL_PROPS */
+      )
+    ]),
+    _: 3
+    /* FORWARDED */
+  }, 8, ["offset-top", "z-index", "disabled", "css-mode"]);
 }
-var __sfc__ = defineComponent({
+const __sfc__ = defineComponent({
   name,
-  components: {
-    VarSticky
-  },
+  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 {
-      active,
-      sticky,
-      cssMode,
-      stickyOffsetTop,
-      zIndex
-    } = indexBar;
-    var indexAnchorProvider = {
+  setup(props2) {
+    const ownTop = ref(0);
+    const disabled = ref(false);
+    const name2 = computed(() => props2.index);
+    const anchorEl = ref(null);
+    const { index, indexBar, bindIndexBar } = useIndexBar();
+    const { active, sticky, cssMode, stickyOffsetTop, zIndex } = indexBar;
+    const indexAnchorProvider = {
       index,
-      name,
+      name: name2,
       ownTop,
       setOwnTop,
       setDisabled
@@ -68,7 +68,7 @@ var __sfc__ = defineComponent({
     return {
       n,
       classes,
-      name,
+      name: name2,
       anchorEl,
       active,
       sticky,
@@ -81,4 +81,7 @@ var __sfc__ = defineComponent({
   }
 });
 __sfc__.render = __render__;
-export default __sfc__;
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};

package/es/index-anchor/index.mjs

@@ -1,6 +1,11 @@
-import IndexAnchor from './IndexAnchor.mjs';
-import { withInstall } from '../utils/components.mjs';
+import IndexAnchor from "./IndexAnchor.mjs";
+import { withInstall } from "../utils/components.mjs";
 withInstall(IndexAnchor);
-export { props as indexAnchorProps } from './props.mjs';
-export var _IndexAnchorComponent = IndexAnchor;
-export default IndexAnchor;
+import { props } from "./props.mjs";
+const _IndexAnchorComponent = IndexAnchor;
+var stdin_default = IndexAnchor;
+export {
+  _IndexAnchorComponent,
+  stdin_default as default,
+  props as indexAnchorProps
+};

package/es/index-anchor/props.mjs

@@ -1,3 +1,6 @@
-export var props = {
+const props = {
   index: [Number, String]
-};
+};
+export {
+  props
+};

package/es/index-anchor/provide.mjs

@@ -1,18 +1,19 @@
-import { useParent } from '@varlet/use';
-import { error } from '../utils/logger.mjs';
-import { INDEX_BAR_BIND_INDEX_ANCHOR_KEY } from '../index-bar/provide.mjs';
-export function useIndexBar() {
-  var {
-    parentProvider,
-    index,
-    bindParent
-  } = useParent(INDEX_BAR_BIND_INDEX_ANCHOR_KEY);
+import { useParent } from "@varlet/use";
+import { error } from "../utils/logger.mjs";
+import { INDEX_BAR_BIND_INDEX_ANCHOR_KEY } from "../index-bar/provide.mjs";
+function useIndexBar() {
+  const { parentProvider, index, bindParent } = useParent(
+    INDEX_BAR_BIND_INDEX_ANCHOR_KEY
+  );
   if (!bindParent) {
-    error('IndexAnchor', 'You should use this component in "IndexBar"');
+    error("IndexAnchor", 'You should use this component in "IndexBar"');
   }
   return {
     index,
     indexBar: parentProvider,
     bindIndexBar: bindParent
   };
-}
+}
+export {
+  useIndexBar
+};

package/es/index-bar/IndexBar.mjs

@@ -1,84 +1,108 @@
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-import { computed, defineComponent, ref, watch, onBeforeUnmount, onDeactivated, onActivated } from 'vue';
-import { isPlainObject, isWindow, toNumber, doubleRaf, requestAnimationFrame, getRect } from '@varlet/shared';
-import { easeInOutCubic } from '../utils/shared.mjs';
-import { getParentScroller, getScrollLeft, getScrollTop, scrollTo as varScrollTo, toPxNum } from '../utils/elements.mjs';
-import { useIndexAnchors } from './provide.mjs';
-import { props } from './props.mjs';
-import { createNamespace, call } from '../utils/components.mjs';
-import { onSmartMounted } from '@varlet/use';
-var {
-  name,
-  n,
-  classes
-} = createNamespace('index-bar');
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+import { computed, defineComponent, ref, watch, onBeforeUnmount, onDeactivated, onActivated } from "vue";
+import { isPlainObject, isWindow, toNumber, doubleRaf, requestAnimationFrame, getRect } from "@varlet/shared";
+import { easeInOutCubic } from "../utils/shared.mjs";
+import { getParentScroller, getScrollLeft, getScrollTop, scrollTo as varScrollTo, toPxNum } from "../utils/elements.mjs";
+import { useIndexAnchors } from "./provide.mjs";
+import { props } from "./props.mjs";
+import { createNamespace, call } from "../utils/components.mjs";
+import { onSmartMounted } from "@varlet/use";
+const { name, n, classes } = createNamespace("index-bar");
 import { renderSlot as _renderSlot, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-var _withScopeId = n => (_pushScopeId(""), n = n(), _popScopeId(), n);
-var _hoisted_1 = ["onClick"];
+const _withScopeId = (n2) => (_pushScopeId(""), n2 = n2(), _popScopeId(), n2);
+const _hoisted_1 = ["onClick"];
 function __render__(_ctx, _cache) {
-  return _openBlock(), _createElementBlock("div", {
-    class: _normalizeClass(_ctx.n()),
-    ref: "barEl"
-  }, [_renderSlot(_ctx.$slots, "default"), _createElementVNode("ul", {
-    class: _normalizeClass(_ctx.n('anchor-list')),
-    style: _normalizeStyle({
-      zIndex: _ctx.toNumber(_ctx.zIndex) + 2,
-      display: _ctx.hideList ? 'none' : 'block'
-    })
-  }, [(_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.anchorNameList, anchorName => {
-    return _openBlock(), _createElementBlock("li", {
-      key: anchorName,
-      class: _normalizeClass(_ctx.classes(_ctx.n('anchor-item'), [_ctx.active === anchorName, _ctx.n('anchor-item--active')])),
-      style: _normalizeStyle({
-        color: _ctx.active === anchorName && _ctx.highlightColor ? _ctx.highlightColor : ''
-      }),
-      onClick: $event => _ctx.anchorClick({
-        anchorName,
-        manualCall: true
-      })
-    }, _toDisplayString(anchorName), 15 /* TEXT, CLASS, STYLE, PROPS */, _hoisted_1);
-  }), 128 /* KEYED_FRAGMENT */))], 6 /* CLASS, STYLE */)], 2 /* CLASS */);
+  return _openBlock(), _createElementBlock(
+    "div",
+    {
+      class: _normalizeClass(_ctx.n()),
+      ref: "barEl"
+    },
+    [
+      _renderSlot(_ctx.$slots, "default"),
+      _createElementVNode(
+        "ul",
+        {
+          class: _normalizeClass(_ctx.n("anchor-list")),
+          style: _normalizeStyle({ zIndex: _ctx.toNumber(_ctx.zIndex) + 2, display: _ctx.hideList ? "none" : "block" })
+        },
+        [
+          (_openBlock(true), _createElementBlock(
+            _Fragment,
+            null,
+            _renderList(_ctx.anchorNameList, (anchorName) => {
+              return _openBlock(), _createElementBlock("li", {
+                key: anchorName,
+                class: _normalizeClass(_ctx.classes(_ctx.n("anchor-item"), [_ctx.active === anchorName, _ctx.n("anchor-item--active")])),
+                style: _normalizeStyle({ color: _ctx.active === anchorName && _ctx.highlightColor ? _ctx.highlightColor : "" }),
+                onClick: ($event) => _ctx.anchorClick({ anchorName, manualCall: true })
+              }, _toDisplayString(anchorName), 15, _hoisted_1);
+            }),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ],
+        6
+        /* CLASS, STYLE */
+      )
+    ],
+    2
+    /* CLASS */
+  );
 }
-
-var __sfc__ = defineComponent({
+const __sfc__ = defineComponent({
   name,
   props,
-  setup(props) {
-    var clickedName = ref('');
-    var barEl = ref(null);
-    var anchorNameList = ref([]);
-    var active = ref();
-    var sticky = computed(() => props.sticky);
-    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 = {
+  setup(props2) {
+    const clickedName = ref("");
+    const barEl = ref(null);
+    const anchorNameList = ref([]);
+    const active = ref();
+    const sticky = computed(() => props2.sticky);
+    const cssMode = computed(() => props2.stickyCssMode || props2.cssMode);
+    const stickyOffsetTop = computed(() => toPxNum(props2.stickyOffsetTop));
+    const zIndex = computed(() => props2.zIndex);
+    const { length, indexAnchors, bindIndexAnchors } = useIndexAnchors();
+    let scroller = null;
+    let isDeactivated = false;
+    const indexBarProvider = {
       active,
       sticky,
       cssMode,
       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* () {
+    watch(
+      () => length.value,
+      () => __async(this, null, function* () {
+        yield doubleRaf();
+        indexAnchors.forEach(({ name: name2, setOwnTop }) => {
+          if (name2.value)
+            anchorNameList.value.push(name2.value);
+          setOwnTop();
+        });
+      })
+    );
+    onSmartMounted(() => __async(this, null, function* () {
       yield setScroller();
       addScrollerListener();
     }));
@@ -88,116 +112,88 @@ var __sfc__ = defineComponent({
       removeScrollerListener();
     });
     onActivated(() => {
-      if (!isDeactivated || active.value === undefined) return;
+      if (!isDeactivated || active.value === void 0)
+        return;
       anchorClick({
         anchorName: active.value,
-        options: {
-          event: false
-        }
+        options: { event: false }
       });
       isDeactivated = false;
     });
     bindIndexAnchors(indexBarProvider);
     function emitEvent(anchor, options) {
-      var anchorName = isPlainObject(anchor) ? anchor.name.value : anchor;
-      if (anchorName === active.value || anchorName === undefined) return;
+      const anchorName = isPlainObject(anchor) ? anchor.name.value : anchor;
+      if (anchorName === active.value || anchorName === void 0)
+        return;
       active.value = anchorName;
       if ((options == null ? void 0 : options.event) !== false) {
-        call(props.onChange, anchorName);
+        call(props2.onChange, anchorName);
       }
     }
     function getOffsetTop() {
-      if (isWindow(scroller)) return 0;
-      var {
-        top: parentTop
-      } = getRect(scroller);
-      var {
-        scrollTop
-      } = scroller;
-      var {
-        top: targetTop
-      } = getRect(barEl.value);
+      if (isWindow(scroller))
+        return 0;
+      const { top: parentTop } = getRect(scroller);
+      const { scrollTop } = scroller;
+      const { top: targetTop } = getRect(barEl.value);
       return scrollTop - parentTop + targetTop;
     }
     function handleScroll() {
-      var scrollTop = getScrollTop(scroller);
-      var scrollHeight = scroller === window ? document.body.scrollHeight : scroller.scrollHeight;
-      var offsetTop = getOffsetTop();
+      const scrollTop = getScrollTop(scroller);
+      const scrollHeight = scroller === window ? document.body.scrollHeight : scroller.scrollHeight;
+      const offsetTop = getOffsetTop();
       indexAnchors.forEach((anchor, index) => {
-        var anchorTop = anchor.ownTop.value;
-        var top = scrollTop - anchorTop + stickyOffsetTop.value - offsetTop;
-        var distance = index === indexAnchors.length - 1 ? scrollHeight : indexAnchors[index + 1].ownTop.value - anchor.ownTop.value;
+        const anchorTop = anchor.ownTop.value;
+        const top = scrollTop - anchorTop + stickyOffsetTop.value - offsetTop;
+        const distance = index === indexAnchors.length - 1 ? scrollHeight : indexAnchors[index + 1].ownTop.value - anchor.ownTop.value;
         anchor.setDisabled(true);
-        if (top >= 0 && top < distance && clickedName.value === '') {
+        if (top >= 0 && top < distance && clickedName.value === "") {
           anchor.setDisabled(false);
           emitEvent(anchor);
         }
       });
     }
-    function anchorClick(_x) {
-      return _anchorClick.apply(this, arguments);
-    }
-    function _anchorClick() {
-      _anchorClick = _asyncToGenerator(function* (_ref4) {
-        var {
-          anchorName,
-          manualCall = false,
-          options
-        } = _ref4;
+    function anchorClick(_0) {
+      return __async(this, arguments, function* ({ anchorName, manualCall = false, options }) {
         if (manualCall) {
-          call(props.onClick, anchorName);
+          call(props2.onClick, anchorName);
         }
         if (anchorName === active.value && !isDeactivated) {
           return;
         }
-        var indexAnchor = indexAnchors.find(_ref5 => {
-          var {
-            name
-          } = _ref5;
-          return anchorName === name.value;
-        });
+        const indexAnchor = indexAnchors.find(({ name: name2 }) => anchorName === name2.value);
         if (!indexAnchor) {
           return;
         }
-        var offsetTop = getOffsetTop();
-        var top = indexAnchor.ownTop.value - stickyOffsetTop.value + offsetTop;
-        var left = getScrollLeft(scroller);
+        const offsetTop = getOffsetTop();
+        const top = indexAnchor.ownTop.value - stickyOffsetTop.value + offsetTop;
+        const left = getScrollLeft(scroller);
         clickedName.value = anchorName;
         emitEvent(anchorName, options);
         yield varScrollTo(scroller, {
           left,
           top,
           animation: easeInOutCubic,
-          duration: toNumber(props.duration)
+          duration: toNumber(props2.duration)
         });
         yield doubleRaf();
-        clickedName.value = '';
+        clickedName.value = "";
       });
-      return _anchorClick.apply(this, arguments);
     }
     function setScroller() {
-      return _setScroller.apply(this, arguments);
-    }
-    function _setScroller() {
-      _setScroller = _asyncToGenerator(function* () {
+      return __async(this, null, function* () {
         yield doubleRaf();
         scroller = getParentScroller(barEl.value);
       });
-      return _setScroller.apply(this, arguments);
     }
     function addScrollerListener() {
-      scroller.addEventListener('scroll', handleScroll);
+      scroller.addEventListener("scroll", handleScroll);
     }
     function removeScrollerListener() {
-      scroller.removeEventListener('scroll', handleScroll);
+      scroller.removeEventListener("scroll", handleScroll);
     }
-
-    // expose
     function scrollTo(index, options) {
-      requestAnimationFrame(() => anchorClick({
-        anchorName: index,
-        options
-      }));
+      requestAnimationFrame(() => anchorClick({ anchorName: index, options }));
     }
     return {
       barEl,
@@ -213,4 +209,7 @@ var __sfc__ = defineComponent({
   }
 });
 __sfc__.render = __render__;
-export default __sfc__;
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};

package/es/index-bar/index.mjs

@@ -1,6 +1,11 @@
-import IndexBar from './IndexBar.mjs';
-import { withInstall } from '../utils/components.mjs';
+import IndexBar from "./IndexBar.mjs";
+import { withInstall } from "../utils/components.mjs";
 withInstall(IndexBar);
-export { props as indexBarProps } from './props.mjs';
-export var _IndexBarComponent = IndexBar;
-export default IndexBar;
+import { props } from "./props.mjs";
+const _IndexBarComponent = IndexBar;
+var stdin_default = IndexBar;
+export {
+  _IndexBarComponent,
+  stdin_default as default,
+  props as indexBarProps
+};

package/es/index-bar/props.mjs

@@ -1,5 +1,5 @@
-import { defineListenerProp } from '../utils/components.mjs';
-export var props = {
+import { defineListenerProp } from "../utils/components.mjs";
+const props = {
   sticky: {
     type: Boolean,
     default: true
@@ -23,4 +23,7 @@ export var props = {
   },
   onClick: defineListenerProp(),
   onChange: defineListenerProp()
-};
+};
+export {
+  props
+};

package/es/index-bar/provide.mjs

@@ -1,14 +1,16 @@
-import { useChildren } from '@varlet/use';
-export var INDEX_BAR_BIND_INDEX_ANCHOR_KEY = Symbol('INDEX_BAR_BIND_INDEX_ANCHOR_KEY');
-export function useIndexAnchors() {
-  var {
-    bindChildren,
-    length,
-    childProviders
-  } = useChildren(INDEX_BAR_BIND_INDEX_ANCHOR_KEY);
+import { useChildren } from "@varlet/use";
+const INDEX_BAR_BIND_INDEX_ANCHOR_KEY = Symbol("INDEX_BAR_BIND_INDEX_ANCHOR_KEY");
+function useIndexAnchors() {
+  const { bindChildren, length, childProviders } = useChildren(
+    INDEX_BAR_BIND_INDEX_ANCHOR_KEY
+  );
   return {
     length,
     indexAnchors: childProviders,
     bindIndexAnchors: bindChildren
   };
-}
+}
+export {
+  INDEX_BAR_BIND_INDEX_ANCHOR_KEY,
+  useIndexAnchors
+};

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.7'
+const version = '2.16.8-alpha.1695118057982'
 
 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.7'
+const version = '2.16.8-alpha.1695118057982'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)