@varlet/ui 2.16.2 → 2.16.3-alpha.1694361535255

package/es/list/List.mjs

@@ -6,12 +6,12 @@ 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 { dt } from '../utils/shared.mjs';
 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');
@@ -24,32 +24,41 @@ function __render__(_ctx, _cache) {
     ref: "listEl"
   }, [_renderSlot(_ctx.$slots, "default"), _ctx.loading ? _renderSlot(_ctx.$slots, "loading", {
     key: 0
-  }, () => [_createElementVNode("div", {
-    class: _normalizeClass(_ctx.n('loading'))
-  }, [_createElementVNode("div", {
-    class: _normalizeClass(_ctx.n('loading-text'))
-  }, _toDisplayString(_ctx.dt(_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", {
+  }, () => {
+    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
-  }, () => [_createElementVNode("div", {
-    class: _normalizeClass(_ctx.n('finished'))
-  }, _toDisplayString(_ctx.dt(_ctx.finishedText, _ctx.pack.listFinishedText)), 3 /* TEXT, CLASS */)]) : _createCommentVNode("v-if", true), _ctx.error ? _renderSlot(_ctx.$slots, "error", {
+  }, () => {
+    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
-  }, () => [_withDirectives((_openBlock(), _createElementBlock("div", {
-    class: _normalizeClass(_ctx.n('error')),
-    onClick: _cache[0] || (_cache[0] = function () {
-      return _ctx.load && _ctx.load(...arguments);
-    })
-  }, [_createTextVNode(_toDisplayString(_ctx.dt(_ctx.errorText, _ctx.pack.listErrorText)), 1 /* TEXT */)], 2 /* CLASS */)), [[_directive_ripple]])]) : _createCommentVNode("v-if", true), _createElementVNode("div", {
+  }, () => {
+    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 */);
 }
 
 var __sfc__ = defineComponent({
-  name: 'VarList',
+  name,
   directives: {
     Ripple
   },
@@ -58,19 +67,32 @@ var __sfc__ = defineComponent({
   },
   props,
   setup(props) {
+    var listEl = ref(null);
+    var detectorEl = ref(null);
     var {
       tabItem,
       bindTabItem
     } = useTabItem();
-    var listEl = ref(null);
-    var detectorEl = ref(null);
     var scroller;
-    var load = () => {
+    call(bindTabItem, {});
+    if (tabItem) {
+      watch(() => tabItem.current.value, check);
+    }
+    watch(() => [props.loading, props.error, props.finished], check);
+    onSmartMounted(() => {
+      scroller = getParentScroller(listEl.value);
+      scroller.addEventListener('scroll', check);
+      if (props.immediateCheck) {
+        check();
+      }
+    });
+    onSmartUnmounted(removeScrollerListener);
+    function load() {
       call(props['onUpdate:error'], false);
       call(props['onUpdate:loading'], true);
       call(props.onLoad);
-    };
-    var isReachBottom = () => {
+    }
+    function isReachBottom() {
       var {
         bottom: containerBottom
       } = getRect(scroller);
@@ -81,42 +103,29 @@ var __sfc__ = defineComponent({
       // 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;
-    };
-    var removeScrollerListener = () => {
+    }
+    function removeScrollerListener() {
       scroller.removeEventListener('scroll', check);
-    };
+    }
 
     // expose
-    var check = /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator(function* () {
+    function check() {
+      return _check.apply(this, arguments);
+    }
+    function _check() {
+      _check = _asyncToGenerator(function* () {
         yield nextTick();
         if (props.loading || props.finished || props.error || (tabItem == null ? void 0 : tabItem.current.value) === false || !isReachBottom()) {
           return;
         }
         load();
       });
-      return function check() {
-        return _ref.apply(this, arguments);
-      };
-    }();
-    call(bindTabItem, {});
-    if (tabItem) {
-      watch(() => tabItem.current.value, check);
+      return _check.apply(this, arguments);
     }
-    watch(() => [props.loading, props.error, props.finished], check);
-    onSmartMounted(() => {
-      scroller = getParentScroller(listEl.value);
-      scroller.addEventListener('scroll', check);
-      if (props.immediateCheck) {
-        check();
-      }
-    });
-    onSmartUnmounted(removeScrollerListener);
     return {
       pack,
       listEl,
       detectorEl,
-      dt,
       isNumber,
       load,
       check,

package/es/loading/Loading.mjs

@@ -3,6 +3,7 @@ import { props } from './props.mjs';
 import { createNamespace, call } from '../utils/components.mjs';
 import { multiplySizeUnit } from '../utils/elements.mjs';
 var {
+  name,
   n,
   classes
 } = createNamespace('loading');
@@ -64,28 +65,30 @@ function __render__(_ctx, _cache) {
 }
 
 var __sfc__ = defineComponent({
-  name: 'VarLoading',
+  name,
   props,
   setup(props, _ref) {
     var {
       slots
     } = _ref;
+    var isShow = computed(() => {
+      if (!call(slots.default)) {
+        return true;
+      }
+      return props.loading;
+    });
     var loadingTypeDict = {
       wave: 5,
       cube: 4,
       rect: 8,
       disappear: 3
     };
-    var isShow = computed(() => {
-      if (!call(slots.default)) return true;
-      return props.loading;
-    });
     return {
+      loadingTypeDict,
+      isShow,
       n,
       classes,
-      multiplySizeUnit,
-      loadingTypeDict,
-      isShow
+      multiplySizeUnit
     };
   }
 });

package/es/loading-bar/LoadingBar.mjs

@@ -7,11 +7,12 @@ import { props } from './props.mjs';
 
 
 var {
+  name,
   classes,
   n
 } = createNamespace('loading-bar');
 export default defineComponent({
-  name: 'VarLoadingBar',
+  name,
   props,
   setup(props) {
     return () => _createVNode("div", {

package/es/menu/Menu.mjs

@@ -4,6 +4,7 @@ import { props } from './props.mjs';
 import { usePopover } from './usePopover.mjs';
 import { toSizeUnit } from '../utils/elements.mjs';
 var {
+  name,
   n,
   classes
 } = createNamespace('menu');
@@ -50,7 +51,7 @@ function __render__(_ctx, _cache) {
 }
 
 var __sfc__ = defineComponent({
-  name: 'VarMenu',
+  name,
   props,
   setup(props) {
     var {

package/es/option/Option.mjs

@@ -7,6 +7,7 @@ import { useSelect } from './provide.mjs';
 import { createNamespace } from '../utils/components.mjs';
 import { props } from './props.mjs';
 var {
+  name,
   n,
   classes
 } = createNamespace('option');
@@ -44,7 +45,7 @@ function __render__(_ctx, _cache) {
   }, null, 8 /* PROPS */, ["hovering"])], 6 /* CLASS, STYLE */)), [[_directive_ripple], [_directive_hover, _ctx.handleHovering, "desktop"]]);
 }
 var __sfc__ = defineComponent({
-  name: 'VarOption',
+  name,
   directives: {
     Ripple,
     Hover
@@ -73,16 +74,6 @@ var __sfc__ = defineComponent({
       hovering,
       handleHovering
     } = useHoverOverlay();
-    var handleClick = () => {
-      if (multiple.value) {
-        optionSelected.value = !optionSelected.value;
-      }
-      onSelect(optionProvider);
-    };
-    var handleSelect = () => onSelect(optionProvider);
-    var sync = checked => {
-      optionSelected.value = checked;
-    };
     var optionProvider = {
       label,
       value,
@@ -91,6 +82,18 @@ var __sfc__ = defineComponent({
     };
     watch([() => props.label, () => props.value], computeLabel);
     bindSelect(optionProvider);
+    function handleClick() {
+      if (multiple.value) {
+        optionSelected.value = !optionSelected.value;
+      }
+      onSelect(optionProvider);
+    }
+    function handleSelect() {
+      return onSelect(optionProvider);
+    }
+    function sync(checked) {
+      optionSelected.value = checked;
+    }
     return {
       n,
       classes,

package/es/overlay/Overlay.mjs

@@ -10,10 +10,11 @@ function _isSlot(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !_isVNode(s);
 }
 var {
+  name,
   n
 } = createNamespace('overlay');
 export default defineComponent({
-  name: 'VarOverlay',
+  name,
   inheritAttrs: false,
   props,
   setup(props, _ref) {
@@ -27,29 +28,28 @@ export default defineComponent({
     var {
       disabled
     } = useTeleport();
-    var handleClickOverlay = () => {
+    useLock(() => props.show, () => props.lockScroll);
+    function handleClickOverlay() {
       call(props.onClick);
       call(props['onUpdate:show'], false);
-    };
-    useLock(() => props.show, () => props.lockScroll);
-    var renderOverlay = () => _createVNode("div", _mergeProps({
-      "class": n(),
-      "style": {
-        zIndex: zIndex.value - 1
-      }
-    }, attrs, {
-      "onClick": handleClickOverlay
-    }), [call(slots.default)]);
-    var renderTransitionOverlay = () => {
-      var {
-        show
-      } = props;
+    }
+    function renderOverlay() {
+      return _createVNode("div", _mergeProps({
+        "class": n(),
+        "style": {
+          zIndex: zIndex.value - 1
+        }
+      }, attrs, {
+        "onClick": handleClickOverlay
+      }), [call(slots.default)]);
+    }
+    function renderTransitionOverlay() {
       return _createVNode(Transition, {
         "name": n('--fade')
       }, {
-        default: () => [show && renderOverlay()]
+        default: () => [props.show && renderOverlay()]
       });
-    };
+    }
     return () => {
       var {
         teleport

package/es/pagination/Pagination.mjs

@@ -9,6 +9,7 @@ import { isNumber, toNumber } from '@varlet/shared';
 import { pack } from '../locale/index.mjs';
 import { call, createNamespace, formatElevation } from '../utils/components.mjs';
 var {
+  name,
   n,
   classes
 } = createNamespace('pagination');
@@ -111,7 +112,7 @@ function __render__(_ctx, _cache) {
 }
 
 var __sfc__ = defineComponent({
-  name: 'VarPagination',
+  name,
   components: {
     VarMenu,
     VarIcon,
@@ -139,69 +140,11 @@ var __sfc__ = defineComponent({
       return [start, end];
     });
     var totalText = computed(() => {
-      if (!props.showTotal) return '';
+      if (!props.showTotal) {
+        return '';
+      }
       return props.showTotal(toNumber(props.total), range.value);
     });
-    var isHideEllipsis = (item, index) => {
-      if (isNumber(item)) return false;
-      return index === 1 ? isHideEllipsisHead.value : isHideEllipsisTail.value;
-    };
-    var getMode = (item, index) => {
-      if (isNumber(item)) return 'basic';
-      return index === 1 ? 'head' : 'tail';
-    };
-    var clickItem = (item, index) => {
-      if (item === current.value || props.disabled) {
-        return;
-      }
-      if (item === '...') {
-        current.value = index === 1 ? Math.max(current.value - props.maxPagerCount, 1) : Math.min(current.value + props.maxPagerCount, pageCount.value);
-        return;
-      }
-      if (item === 'prev') {
-        current.value = ensureCurrentBoundary(current.value - 1);
-        return;
-      }
-      if (item === 'next') {
-        current.value = ensureCurrentBoundary(current.value + 1);
-        return;
-      }
-      if (isNumber(item)) {
-        current.value = item;
-      }
-    };
-    var showMenu = () => {
-      if (props.disabled) {
-        return;
-      }
-      menuVisible.value = true;
-    };
-    var clickSize = option => {
-      size.value = option;
-      menuVisible.value = false;
-      var targetCurrent = ensureCurrentBoundary(current.value);
-      simpleCurrentValue.value = String(targetCurrent);
-      current.value = targetCurrent;
-    };
-    var ensureCurrentBoundary = targetCurrent => {
-      if (targetCurrent > pageCount.value) {
-        return pageCount.value;
-      }
-      if (targetCurrent < 1) {
-        return 1;
-      }
-      return targetCurrent;
-    };
-    var setPage = (type, page, event) => {
-      ;
-      event.target.blur();
-      var targetCurrent = ensureCurrentBoundary(toNumber(page));
-      simpleCurrentValue.value = String(targetCurrent);
-      current.value = targetCurrent;
-      if (type === 'quick') {
-        quickJumperValue.value = '';
-      }
-    };
     watch([() => props.current, () => props.size], _ref => {
       var [newCurrent, newSize] = _ref;
       current.value = toNumber(newCurrent) || 1;
@@ -266,9 +209,67 @@ var __sfc__ = defineComponent({
     }, {
       immediate: true
     });
+    function isHideEllipsis(item, index) {
+      if (isNumber(item)) return false;
+      return index === 1 ? isHideEllipsisHead.value : isHideEllipsisTail.value;
+    }
+    function getMode(item, index) {
+      if (isNumber(item)) return 'basic';
+      return index === 1 ? 'head' : 'tail';
+    }
+    function clickItem(item, index) {
+      if (item === current.value || props.disabled) {
+        return;
+      }
+      if (item === '...') {
+        current.value = index === 1 ? Math.max(current.value - props.maxPagerCount, 1) : Math.min(current.value + props.maxPagerCount, pageCount.value);
+        return;
+      }
+      if (item === 'prev') {
+        current.value = ensureCurrentBoundary(current.value - 1);
+        return;
+      }
+      if (item === 'next') {
+        current.value = ensureCurrentBoundary(current.value + 1);
+        return;
+      }
+      if (isNumber(item)) {
+        current.value = item;
+      }
+    }
+    function showMenu() {
+      if (props.disabled) {
+        return;
+      }
+      menuVisible.value = true;
+    }
+    function clickSize(option) {
+      size.value = option;
+      menuVisible.value = false;
+      var targetCurrent = ensureCurrentBoundary(current.value);
+      simpleCurrentValue.value = String(targetCurrent);
+      current.value = targetCurrent;
+    }
+    function ensureCurrentBoundary(targetCurrent) {
+      if (targetCurrent > pageCount.value) {
+        return pageCount.value;
+      }
+      if (targetCurrent < 1) {
+        return 1;
+      }
+      return targetCurrent;
+    }
+    function setPage(type, page, event) {
+      ;
+      event.target.blur();
+      var targetCurrent = ensureCurrentBoundary(toNumber(page));
+      simpleCurrentValue.value = String(targetCurrent);
+      current.value = targetCurrent;
+      if (type === 'quick') {
+        quickJumperValue.value = '';
+      }
+    }
     return {
-      n,
-      classes,
       pack,
       current,
       menuVisible,
@@ -278,6 +279,8 @@ var __sfc__ = defineComponent({
       quickJumperValue,
       simpleCurrentValue,
       totalText,
+      n,
+      classes,
       getMode,
       isHideEllipsis,
       clickItem,

package/es/paper/Paper.mjs

@@ -4,6 +4,7 @@ import { call, createNamespace, formatElevation } from '../utils/components.mjs'
 import { props } from './props.mjs';
 import { toSizeUnit } from '../utils/elements.mjs';
 var {
+  name,
   n,
   classes
 } = createNamespace('paper');
@@ -25,15 +26,15 @@ function __render__(_ctx, _cache) {
   }]]);
 }
 var __sfc__ = defineComponent({
-  name: 'VarPaper',
+  name,
   directives: {
     Ripple
   },
   props,
   setup(props) {
-    var handleClick = e => {
+    function handleClick(e) {
       call(props.onClick, e);
-    };
+    }
     return {
       n,
       classes,