@varlet/ui 2.16.7 → 2.16.8-alpha.1695227124357

package/es/list/List.mjs

@@ -1,126 +1,170 @@
-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 VarLoading from '../loading/index.mjs';
-import Ripple from '../ripple/index.mjs';
-import { defineComponent, ref, nextTick, watch } from 'vue';
-import { getParentScroller, toPxNum } from '../utils/elements.mjs';
-import { props } from './props.mjs';
-import { isNumber, getRect } from '@varlet/shared';
-import { createNamespace, call } from '../utils/components.mjs';
-import { pack } from '../locale/index.mjs';
-import { onSmartMounted, onSmartUnmounted } from '@varlet/use';
-import { useTabItem } from './provide.mjs';
-var {
-  name,
-  n,
-  classes
-} = createNamespace('list');
+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 VarLoading from "../loading/index.mjs";
+import Ripple from "../ripple/index.mjs";
+import { defineComponent, ref, nextTick, watch } from "vue";
+import { getParentScroller, toPxNum } from "../utils/elements.mjs";
+import { props } from "./props.mjs";
+import { isNumber, getRect } from "@varlet/shared";
+import { createNamespace, call } from "../utils/components.mjs";
+import { pack } from "../locale/index.mjs";
+import { onSmartMounted, onSmartUnmounted } from "@varlet/use";
+import { useTabItem } from "./provide.mjs";
+const { name, n, classes } = createNamespace("list");
 import { renderSlot as _renderSlot, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, createVNode as _createVNode, createCommentVNode as _createCommentVNode, createTextVNode as _createTextVNode, resolveDirective as _resolveDirective, openBlock as _openBlock, createElementBlock as _createElementBlock, withDirectives as _withDirectives } from "vue";
 function __render__(_ctx, _cache) {
-  var _component_var_loading = _resolveComponent("var-loading");
-  var _directive_ripple = _resolveDirective("ripple");
-  return _openBlock(), _createElementBlock("div", {
-    class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n('$--box'))),
-    ref: "listEl"
-  }, [_renderSlot(_ctx.$slots, "default"), _ctx.loading ? _renderSlot(_ctx.$slots, "loading", {
-    key: 0
-  }, () => {
-    var _ctx$loadingText;
-    return [_createElementVNode("div", {
-      class: _normalizeClass(_ctx.n('loading'))
-    }, [_createElementVNode("div", {
-      class: _normalizeClass(_ctx.n('loading-text'))
-    }, _toDisplayString((_ctx$loadingText = _ctx.loadingText) != null ? _ctx$loadingText : _ctx.pack.listLoadingText), 3 /* TEXT, CLASS */), _createVNode(_component_var_loading, {
-      size: "mini",
-      radius: 10
-    })], 2 /* CLASS */)];
-  }) : _createCommentVNode("v-if", true), _ctx.finished ? _renderSlot(_ctx.$slots, "finished", {
-    key: 1
-  }, () => {
-    var _ctx$finishedText;
-    return [_createElementVNode("div", {
-      class: _normalizeClass(_ctx.n('finished'))
-    }, _toDisplayString((_ctx$finishedText = _ctx.finishedText) != null ? _ctx$finishedText : _ctx.pack.listFinishedText), 3 /* TEXT, CLASS */)];
-  }) : _createCommentVNode("v-if", true), _ctx.error ? _renderSlot(_ctx.$slots, "error", {
-    key: 2
-  }, () => {
-    var _ctx$errorText;
-    return [_withDirectives((_openBlock(), _createElementBlock("div", {
-      class: _normalizeClass(_ctx.n('error')),
-      onClick: _cache[0] || (_cache[0] = function () {
-        return _ctx.load && _ctx.load(...arguments);
-      })
-    }, [_createTextVNode(_toDisplayString((_ctx$errorText = _ctx.errorText) != null ? _ctx$errorText : _ctx.pack.listErrorText), 1 /* TEXT */)], 2 /* CLASS */)), [[_directive_ripple]])];
-  }) : _createCommentVNode("v-if", true), _createElementVNode("div", {
-    class: _normalizeClass(_ctx.n('detector')),
-    ref: "detectorEl"
-  }, null, 2 /* CLASS */)], 2 /* CLASS */);
+  const _component_var_loading = _resolveComponent("var-loading");
+  const _directive_ripple = _resolveDirective("ripple");
+  return _openBlock(), _createElementBlock(
+    "div",
+    {
+      class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n("$--box"))),
+      ref: "listEl"
+    },
+    [
+      _renderSlot(_ctx.$slots, "default"),
+      _ctx.loading ? _renderSlot(_ctx.$slots, "loading", { key: 0 }, () => {
+        var _a;
+        return [
+          _createElementVNode(
+            "div",
+            {
+              class: _normalizeClass(_ctx.n("loading"))
+            },
+            [
+              _createElementVNode(
+                "div",
+                {
+                  class: _normalizeClass(_ctx.n("loading-text"))
+                },
+                _toDisplayString((_a = _ctx.loadingText) != null ? _a : _ctx.pack.listLoadingText),
+                3
+                /* TEXT, CLASS */
+              ),
+              _createVNode(_component_var_loading, {
+                size: "mini",
+                radius: 10
+              })
+            ],
+            2
+            /* CLASS */
+          )
+        ];
+      }) : _createCommentVNode("v-if", true),
+      _ctx.finished ? _renderSlot(_ctx.$slots, "finished", { key: 1 }, () => {
+        var _a;
+        return [
+          _createElementVNode(
+            "div",
+            {
+              class: _normalizeClass(_ctx.n("finished"))
+            },
+            _toDisplayString((_a = _ctx.finishedText) != null ? _a : _ctx.pack.listFinishedText),
+            3
+            /* TEXT, CLASS */
+          )
+        ];
+      }) : _createCommentVNode("v-if", true),
+      _ctx.error ? _renderSlot(_ctx.$slots, "error", { key: 2 }, () => {
+        var _a;
+        return [
+          _withDirectives((_openBlock(), _createElementBlock(
+            "div",
+            {
+              class: _normalizeClass(_ctx.n("error")),
+              onClick: _cache[0] || (_cache[0] = (...args) => _ctx.load && _ctx.load(...args))
+            },
+            [
+              _createTextVNode(
+                _toDisplayString((_a = _ctx.errorText) != null ? _a : _ctx.pack.listErrorText),
+                1
+                /* TEXT */
+              )
+            ],
+            2
+            /* CLASS */
+          )), [
+            [_directive_ripple]
+          ])
+        ];
+      }) : _createCommentVNode("v-if", true),
+      _createElementVNode(
+        "div",
+        {
+          class: _normalizeClass(_ctx.n("detector")),
+          ref: "detectorEl"
+        },
+        null,
+        2
+        /* CLASS */
+      )
+    ],
+    2
+    /* CLASS */
+  );
 }
-
-var __sfc__ = defineComponent({
+const __sfc__ = defineComponent({
   name,
-  directives: {
-    Ripple
-  },
-  components: {
-    VarLoading
-  },
+  directives: { Ripple },
+  components: { VarLoading },
   props,
-  setup(props) {
-    var listEl = ref(null);
-    var detectorEl = ref(null);
-    var {
-      tabItem,
-      bindTabItem
-    } = useTabItem();
-    var scroller;
+  setup(props2) {
+    const listEl = ref(null);
+    const detectorEl = ref(null);
+    const { tabItem, bindTabItem } = useTabItem();
+    let scroller;
     call(bindTabItem, {});
     if (tabItem) {
       watch(() => tabItem.current.value, check);
     }
-    watch(() => [props.loading, props.error, props.finished], check);
+    watch(() => [props2.loading, props2.error, props2.finished], check);
     onSmartMounted(() => {
       scroller = getParentScroller(listEl.value);
-      scroller.addEventListener('scroll', check);
-      if (props.immediateCheck) {
+      scroller.addEventListener("scroll", check);
+      if (props2.immediateCheck) {
         check();
       }
     });
     onSmartUnmounted(removeScrollerListener);
     function load() {
-      call(props['onUpdate:error'], false);
-      call(props['onUpdate:loading'], true);
-      call(props.onLoad);
+      call(props2["onUpdate:error"], false);
+      call(props2["onUpdate:loading"], true);
+      call(props2.onLoad);
     }
     function isReachBottom() {
-      var {
-        bottom: containerBottom
-      } = getRect(scroller);
-      var {
-        bottom: detectorBottom
-      } = getRect(detectorEl.value);
-
-      // The fractional part of the detectorBottom when bottoming out overflows
-      // https://github.com/varletjs/varlet/issues/310
-      return Math.floor(detectorBottom) - toPxNum(props.offset) <= containerBottom;
+      const { bottom: containerBottom } = getRect(scroller);
+      const { bottom: detectorBottom } = getRect(detectorEl.value);
+      return Math.floor(detectorBottom) - toPxNum(props2.offset) <= containerBottom;
     }
     function removeScrollerListener() {
-      scroller.removeEventListener('scroll', check);
+      scroller.removeEventListener("scroll", check);
     }
-
-    // expose
     function check() {
-      return _check.apply(this, arguments);
-    }
-    function _check() {
-      _check = _asyncToGenerator(function* () {
+      return __async(this, null, function* () {
         yield nextTick();
-        if (props.loading || props.finished || props.error || (tabItem == null ? void 0 : tabItem.current.value) === false || !isReachBottom()) {
+        if (props2.loading || props2.finished || props2.error || (tabItem == null ? void 0 : tabItem.current.value) === false || !isReachBottom()) {
           return;
         }
         load();
       });
-      return _check.apply(this, arguments);
     }
     return {
       pack,
@@ -135,4 +179,7 @@ var __sfc__ = defineComponent({
   }
 });
 __sfc__.render = __render__;
-export default __sfc__;
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};

package/es/list/index.mjs

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

package/es/list/props.mjs

@@ -1,5 +1,5 @@
-import { defineListenerProp } from '../utils/components.mjs';
-export var props = {
+import { defineListenerProp } from "../utils/components.mjs";
+const props = {
   loading: Boolean,
   immediateCheck: {
     type: Boolean,
@@ -15,6 +15,9 @@ export var props = {
   finishedText: String,
   errorText: String,
   onLoad: defineListenerProp(),
-  'onUpdate:loading': defineListenerProp(),
-  'onUpdate:error': defineListenerProp()
-};
+  "onUpdate:loading": defineListenerProp(),
+  "onUpdate:error": defineListenerProp()
+};
+export {
+  props
+};

package/es/list/provide.mjs

@@ -1,14 +1,13 @@
-import { TAB_ITEM_BIND_LIST_KEY } from '../tab-item/provide.mjs';
-import { useParent } from '@varlet/use';
-export function useTabItem() {
-  var {
-    parentProvider,
-    bindParent,
-    index
-  } = useParent(TAB_ITEM_BIND_LIST_KEY);
+import { TAB_ITEM_BIND_LIST_KEY } from "../tab-item/provide.mjs";
+import { useParent } from "@varlet/use";
+function useTabItem() {
+  const { parentProvider, bindParent, index } = useParent(TAB_ITEM_BIND_LIST_KEY);
   return {
     index,
     tabItem: parentProvider,
     bindTabItem: bindParent
   };
-}
+}
+export {
+  useTabItem
+};

package/es/loading/Loading.mjs

@@ -1,83 +1,173 @@
-import { computed, defineComponent } from 'vue';
-import { props } from './props.mjs';
-import { createNamespace, call } from '../utils/components.mjs';
-import { multiplySizeUnit } from '../utils/elements.mjs';
-var {
-  name,
-  n,
-  classes
-} = createNamespace('loading');
+import { computed, defineComponent } from "vue";
+import { props } from "./props.mjs";
+import { createNamespace, call } from "../utils/components.mjs";
+import { multiplySizeUnit } from "../utils/elements.mjs";
+const { name, n, classes } = createNamespace("loading");
 import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, renderList as _renderList, Fragment as _Fragment, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-var _withScopeId = n => (_pushScopeId(""), n = n(), _popScopeId(), n);
-var _hoisted_1 = /*#__PURE__*/_withScopeId(() => /*#__PURE__*/_createElementVNode("svg", {
-  viewBox: "25 25 50 50"
-}, [/*#__PURE__*/_createElementVNode("circle", {
-  cx: "50",
-  cy: "50",
-  r: "20",
-  fill: "none"
-})], -1 /* HOISTED */));
-var _hoisted_2 = [_hoisted_1];
-function __render__(_ctx, _cache) {
-  return _openBlock(), _createElementBlock("div", {
-    class: _normalizeClass(_ctx.n())
-  }, [_ctx.$slots.default ? (_openBlock(), _createElementBlock("div", {
-    key: 0,
-    class: _normalizeClass(_ctx.classes(_ctx.n('content'), [_ctx.loading, _ctx.n('content--active')]))
-  }, [_renderSlot(_ctx.$slots, "default"), _ctx.loading ? (_openBlock(), _createElementBlock("div", {
-    key: 0,
-    class: _normalizeClass(_ctx.n('content-mask'))
-  }, null, 2 /* CLASS */)) : _createCommentVNode("v-if", true)], 2 /* CLASS */)) : _createCommentVNode("v-if", true), _ctx.isShow ? (_openBlock(), _createElementBlock("div", {
-    key: 1,
-    class: _normalizeClass(_ctx.classes(_ctx.n('$--box'), _ctx.n('body'), [_ctx.$slots.default, _ctx.n('inside')]))
-  }, [_ctx.type === 'circle' ? (_openBlock(), _createElementBlock("div", {
-    key: 0,
-    class: _normalizeClass(_ctx.n('circle'))
-  }, [_createElementVNode("span", {
-    class: _normalizeClass(_ctx.classes(_ctx.n('circle-block'), _ctx.n("circle-block--" + _ctx.size))),
-    style: _normalizeStyle({
-      width: _ctx.multiplySizeUnit(_ctx.radius, 2),
-      height: _ctx.multiplySizeUnit(_ctx.radius, 2),
-      color: _ctx.color
+const _withScopeId = (n2) => (_pushScopeId(""), n2 = n2(), _popScopeId(), n2);
+const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ _createElementVNode(
+  "svg",
+  { viewBox: "25 25 50 50" },
+  [
+    /* @__PURE__ */ _createElementVNode("circle", {
+      cx: "50",
+      cy: "50",
+      r: "20",
+      fill: "none"
     })
-  }, _hoisted_2, 6 /* CLASS, STYLE */)], 2 /* CLASS */)) : _createCommentVNode("v-if", true), (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.loadingTypeDict, (nums, key) => {
-    return _openBlock(), _createElementBlock(_Fragment, {
-      key: key
-    }, [_ctx.type === key ? (_openBlock(), _createElementBlock("div", {
-      key: 0,
-      class: _normalizeClass(_ctx.classes(_ctx.n(key), _ctx.n(key + "--" + _ctx.size)))
-    }, [(_openBlock(true), _createElementBlock(_Fragment, null, _renderList(nums, num => {
-      return _openBlock(), _createElementBlock("div", {
-        key: num + key,
-        style: _normalizeStyle({
-          backgroundColor: _ctx.color
-        }),
-        class: _normalizeClass(_ctx.classes(_ctx.n(key + "-item"), _ctx.n(key + "-item--" + _ctx.size)))
-      }, null, 6 /* CLASS, STYLE */);
-    }), 128 /* KEYED_FRAGMENT */))], 2 /* CLASS */)) : _createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */);
-  }), 128 /* KEYED_FRAGMENT */)), _ctx.$slots.description || _ctx.description ? (_openBlock(), _createElementBlock("div", {
-    key: 1,
-    class: _normalizeClass(_ctx.classes(_ctx.n('description'), _ctx.n("description--" + _ctx.size))),
-    style: _normalizeStyle({
-      color: _ctx.color
-    })
-  }, [_renderSlot(_ctx.$slots, "description", {}, () => [_createTextVNode(_toDisplayString(_ctx.description), 1 /* TEXT */)])], 6 /* CLASS, STYLE */)) : _createCommentVNode("v-if", true)], 2 /* CLASS */)) : _createCommentVNode("v-if", true)], 2 /* CLASS */);
+  ],
+  -1
+  /* HOISTED */
+));
+const _hoisted_2 = [
+  _hoisted_1
+];
+function __render__(_ctx, _cache) {
+  return _openBlock(), _createElementBlock(
+    "div",
+    {
+      class: _normalizeClass(_ctx.n())
+    },
+    [
+      _ctx.$slots.default ? (_openBlock(), _createElementBlock(
+        "div",
+        {
+          key: 0,
+          class: _normalizeClass(_ctx.classes(_ctx.n("content"), [_ctx.loading, _ctx.n("content--active")]))
+        },
+        [
+          _renderSlot(_ctx.$slots, "default"),
+          _ctx.loading ? (_openBlock(), _createElementBlock(
+            "div",
+            {
+              key: 0,
+              class: _normalizeClass(_ctx.n("content-mask"))
+            },
+            null,
+            2
+            /* CLASS */
+          )) : _createCommentVNode("v-if", true)
+        ],
+        2
+        /* CLASS */
+      )) : _createCommentVNode("v-if", true),
+      _ctx.isShow ? (_openBlock(), _createElementBlock(
+        "div",
+        {
+          key: 1,
+          class: _normalizeClass(_ctx.classes(_ctx.n("$--box"), _ctx.n("body"), [_ctx.$slots.default, _ctx.n("inside")]))
+        },
+        [
+          _ctx.type === "circle" ? (_openBlock(), _createElementBlock(
+            "div",
+            {
+              key: 0,
+              class: _normalizeClass(_ctx.n("circle"))
+            },
+            [
+              _createElementVNode(
+                "span",
+                {
+                  class: _normalizeClass(_ctx.classes(_ctx.n("circle-block"), _ctx.n(`circle-block--${_ctx.size}`))),
+                  style: _normalizeStyle({
+                    width: _ctx.multiplySizeUnit(_ctx.radius, 2),
+                    height: _ctx.multiplySizeUnit(_ctx.radius, 2),
+                    color: _ctx.color
+                  })
+                },
+                _hoisted_2,
+                6
+                /* CLASS, STYLE */
+              )
+            ],
+            2
+            /* CLASS */
+          )) : _createCommentVNode("v-if", true),
+          (_openBlock(true), _createElementBlock(
+            _Fragment,
+            null,
+            _renderList(_ctx.loadingTypeDict, (nums, key) => {
+              return _openBlock(), _createElementBlock(
+                _Fragment,
+                { key },
+                [
+                  _ctx.type === key ? (_openBlock(), _createElementBlock(
+                    "div",
+                    {
+                      key: 0,
+                      class: _normalizeClass(_ctx.classes(_ctx.n(key), _ctx.n(`${key}--${_ctx.size}`)))
+                    },
+                    [
+                      (_openBlock(true), _createElementBlock(
+                        _Fragment,
+                        null,
+                        _renderList(nums, (num) => {
+                          return _openBlock(), _createElementBlock(
+                            "div",
+                            {
+                              key: num + key,
+                              style: _normalizeStyle({ backgroundColor: _ctx.color }),
+                              class: _normalizeClass(_ctx.classes(_ctx.n(`${key}-item`), _ctx.n(`${key}-item--${_ctx.size}`)))
+                            },
+                            null,
+                            6
+                            /* CLASS, STYLE */
+                          );
+                        }),
+                        128
+                        /* KEYED_FRAGMENT */
+                      ))
+                    ],
+                    2
+                    /* CLASS */
+                  )) : _createCommentVNode("v-if", true)
+                ],
+                64
+                /* STABLE_FRAGMENT */
+              );
+            }),
+            128
+            /* KEYED_FRAGMENT */
+          )),
+          _ctx.$slots.description || _ctx.description ? (_openBlock(), _createElementBlock(
+            "div",
+            {
+              key: 1,
+              class: _normalizeClass(_ctx.classes(_ctx.n("description"), _ctx.n(`description--${_ctx.size}`))),
+              style: _normalizeStyle({ color: _ctx.color })
+            },
+            [
+              _renderSlot(_ctx.$slots, "description", {}, () => [
+                _createTextVNode(
+                  _toDisplayString(_ctx.description),
+                  1
+                  /* TEXT */
+                )
+              ])
+            ],
+            6
+            /* CLASS, STYLE */
+          )) : _createCommentVNode("v-if", true)
+        ],
+        2
+        /* CLASS */
+      )) : _createCommentVNode("v-if", true)
+    ],
+    2
+    /* CLASS */
+  );
 }
-
-var __sfc__ = defineComponent({
+const __sfc__ = defineComponent({
   name,
   props,
-  setup(props, _ref) {
-    var {
-      slots
-    } = _ref;
-    var isShow = computed(() => {
+  setup(props2, { slots }) {
+    const isShow = computed(() => {
       if (!call(slots.default)) {
         return true;
       }
-      return props.loading;
+      return props2.loading;
     });
-    var loadingTypeDict = {
+    const loadingTypeDict = {
       wave: 5,
       cube: 4,
       rect: 8,
@@ -93,4 +183,7 @@ var __sfc__ = defineComponent({
   }
 });
 __sfc__.render = __render__;
-export default __sfc__;
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};

package/es/loading/index.mjs

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

package/es/loading/props.mjs

@@ -1,14 +1,17 @@
-export var props = {
+const props = {
   type: {
     type: String,
-    default: 'circle'
+    default: "circle"
   },
   radius: [String, Number],
   size: {
     type: String,
-    default: 'normal'
+    default: "normal"
   },
   color: String,
   description: String,
   loading: Boolean
-};
+};
+export {
+  props
+};