@varlet/ui 2.9.5 → 2.9.6

package/es/action-sheet/index.mjs

@@ -53,15 +53,15 @@ function ActionSheet(options) {
   });
 }
 
-function setDefaultOptions(options) {
+ActionSheet.setDefaultOptions = function (options) {
   defaultOptions = options;
-}
+};
 
-function resetDefaultOptions() {
+ActionSheet.resetDefaultOptions = function () {
   defaultOptions = {};
-}
+};
 
-function close() {
+ActionSheet.close = function () {
   if (singletonOptions != null) {
     var prevSingletonOptions = singletonOptions;
     singletonOptions = null;
@@ -69,7 +69,7 @@ function close() {
       prevSingletonOptions.show = false;
     });
   }
-}
+};
 
 ActionSheet.Component = VarActionSheet;
 
@@ -81,11 +81,6 @@ ActionSheet.install = function (app) {
   app.component(VarActionSheet.name, VarActionSheet);
 };
 
-Object.assign(ActionSheet, {
-  setDefaultOptions,
-  resetDefaultOptions,
-  close
-});
 export { props as actionSheetProps } from './props.mjs';
 export var _ActionSheetComponent = VarActionSheet;
 export default ActionSheet;

package/es/checkbox/checkbox.css

@@ -1 +1 @@
-:root { --checkbox-checked-color: var(--color-primary); --checkbox-unchecked-color: #555; --checkbox-disabled-color: var(--color-text-disabled); --checkbox-error-color: var(--color-danger); --checkbox-action-padding: 6px; --checkbox-text-padding: 6px 6px 6px 0; --checkbox-icon-size: 24px;}@keyframes var-vibrate-animation { 0% { opacity: 1; transform: scale(1); } 50% { opacity: 0.8; transform: scale(0.8); } 100% { opacity: 1; transform: scale(1); }}.var-checkbox { display: flex; align-items: center; transform: translateX(calc(-1 * var(--checkbox-action-padding))); cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}.var-checkbox__wrap { display: inline-flex; flex-direction: column;}.var-checkbox__action { position: relative; display: flex; justify-content: center; align-items: center; padding: var(--checkbox-action-padding); border-radius: 50%; transition: background-color 0.25s, color 0.25s;}.var-checkbox__icon[var-checkbox-cover] { display: block; font-size: var(--checkbox-icon-size);}.var-checkbox--with-animation { animation: var-vibrate-animation 0.25s;}.var-checkbox--checked { color: var(--checkbox-checked-color);}.var-checkbox--unchecked { color: var(--checkbox-unchecked-color);}.var-checkbox--disabled { color: var(--checkbox-disabled-color); cursor: not-allowed;}.var-checkbox--error { color: var(--checkbox-error-color);}
+:root { --checkbox-checked-color: var(--color-primary); --checkbox-unchecked-color: #555; --checkbox-disabled-color: var(--color-text-disabled); --checkbox-error-color: var(--color-danger); --checkbox-action-padding: 6px; --checkbox-text-padding: 6px 6px 6px 0; --checkbox-icon-size: 24px;}@keyframes var-vibrate-animation { 0% { opacity: 1; transform: scale(1); } 50% { opacity: 0.8; transform: scale(0.8); } 100% { opacity: 1; transform: scale(1); }}.var-checkbox { display: flex; align-items: center; transform: translateX(calc(-1 * var(--checkbox-action-padding))); cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}.var-checkbox__wrap { display: inline-flex; flex-direction: column;}.var-checkbox__action { position: relative; display: flex; justify-content: center; align-items: center; flex-shrink: 0; padding: var(--checkbox-action-padding); border-radius: 50%; transition: background-color 0.25s, color 0.25s;}.var-checkbox__icon[var-checkbox-cover] { display: block; font-size: var(--checkbox-icon-size);}.var-checkbox--with-animation { animation: var-vibrate-animation 0.25s;}.var-checkbox--checked { color: var(--checkbox-checked-color);}.var-checkbox--unchecked { color: var(--checkbox-unchecked-color);}.var-checkbox--disabled { color: var(--checkbox-disabled-color); cursor: not-allowed;}.var-checkbox--error { color: var(--checkbox-error-color);}

package/es/date-picker/src/day-picker-panel.mjs

@@ -69,7 +69,7 @@ function __render__(_ctx, _cache) {
         ripple: false,
         elevation: _ctx.componentProps.buttonElevation
       }, _extends({}, _ctx.buttonProps(day)), {
-        onClick: event => _ctx.chooseDay(day, event)
+        onClick: _cache[0] || (_cache[0] = event => chooseDay(day, event))
       }), {
         default: _withCtx(() => [_createTextVNode(_toDisplayString(_ctx.filterDay(day)), 1
         /* TEXT */
@@ -79,7 +79,7 @@ function __render__(_ctx, _cache) {
 
       }, 1040
       /* FULL_PROPS, DYNAMIC_SLOTS */
-      , ["elevation", "onClick"])]);
+      , ["elevation"])]);
     }), 128
     /* KEYED_FRAGMENT */
     ))], 2
@@ -243,7 +243,8 @@ var __sfc__ = defineComponent({
           text: true,
           outline: false,
           textColor: '',
-          class: n('button')
+          class: n('button'),
+          disabled: true
         };
       }
 
@@ -308,7 +309,8 @@ var __sfc__ = defineComponent({
         outline: computeOutline(),
         textColor: isCover ? '' : textColorOrCover(),
         [nDate() + "-color-cover"]: isCover,
-        class: classes(n('button'), n('button--usable'), [disabled, n('button--disabled')])
+        class: classes(n('button'), n('button--usable'), [disabled, n('button--disabled')]),
+        disabled
       };
     };
 

package/es/date-picker/src/month-picker-panel.mjs

@@ -53,7 +53,7 @@ function __render__(_ctx, _cache) {
         ripple: false,
         elevation: _ctx.componentProps.buttonElevation
       }, _extends({}, _ctx.buttonProps(month.index)), {
-        onClick: event => _ctx.chooseMonth(month, event)
+        onClick: _cache[0] || (_cache[0] = event => chooseMonth(month, event))
       }), {
         default: _withCtx(() => [_createTextVNode(_toDisplayString(_ctx.getMonthAbbr(month.index)), 1
         /* TEXT */
@@ -63,7 +63,7 @@ function __render__(_ctx, _cache) {
 
       }, 1040
       /* FULL_PROPS, DYNAMIC_SLOTS */
-      , ["elevation", "onClick"])]);
+      , ["elevation"])]);
     }), 128
     /* KEYED_FRAGMENT */
     ))]))]),
@@ -234,7 +234,8 @@ var __sfc__ = defineComponent({
         color: !computeText() ? color : '',
         textColor: isCover ? '' : textColorOrCover(),
         [nDate() + "-color-cover"]: isCover,
-        class: classes(n('button'), [disabled, n('button--disabled')])
+        class: classes(n('button'), [disabled, n('button--disabled')]),
+        disabled
       };
     };
 

package/es/dialog/Dialog.mjs

@@ -133,7 +133,7 @@ var __sfc__ = defineComponent({
       }
 
       if (onBeforeClose != null) {
-        onBeforeClose('close', done);
+        call(onBeforeClose, 'close', done);
         return;
       }
 
@@ -148,7 +148,7 @@ var __sfc__ = defineComponent({
       call(onConfirm);
 
       if (onBeforeClose != null) {
-        onBeforeClose('confirm', done);
+        call(onBeforeClose, 'confirm', done);
         return;
       }
 
@@ -163,7 +163,7 @@ var __sfc__ = defineComponent({
       call(onCancel);
 
       if (onBeforeClose != null) {
-        onBeforeClose('cancel', done);
+        call(onBeforeClose, 'cancel', done);
         return;
       }
 

package/es/dialog/index.mjs

@@ -64,15 +64,15 @@ function Dialog(options) {
   });
 }
 
-function setDefaultOptions(options) {
+Dialog.setDefaultOptions = function (options) {
   defaultOptions = options;
-}
+};
 
-function resetDefaultOptions() {
+Dialog.resetDefaultOptions = function () {
   defaultOptions = {};
-}
+};
 
-function close() {
+Dialog.close = function () {
   if (singletonOptions != null) {
     var prevSingletonOptions = singletonOptions;
     singletonOptions = null;
@@ -80,13 +80,7 @@ function close() {
       prevSingletonOptions.show = false;
     });
   }
-}
-
-Object.assign(Dialog, {
-  setDefaultOptions,
-  resetDefaultOptions,
-  close
-});
+};
 
 VarDialog.install = function (app) {
   app.component(VarDialog.name, VarDialog);

package/es/index.bundle.mjs

@@ -241,7 +241,7 @@ import './time-picker/style/index.mjs'
 import './tooltip/style/index.mjs'
 import './uploader/style/index.mjs'
 
-const version = '2.9.5'
+const version = '2.9.6'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/index.mjs

@@ -160,7 +160,7 @@ export * from './time-picker/index.mjs'
 export * from './tooltip/index.mjs'
 export * from './uploader/index.mjs'
 
-const version = '2.9.5'
+const version = '2.9.6'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/pagination/Pagination.mjs

@@ -44,12 +44,12 @@ function __render__(_ctx, _cache) {
     key: 0,
     class: _normalizeClass(_ctx.classes(_ctx.n('simple'), [_ctx.disabled, _ctx.n('item--disabled')]))
   }, [_createVNode(_component_var_input, {
-    modelValue: _ctx.simpleValue,
-    "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.simpleValue = $event),
+    modelValue: _ctx.simpleCurrentValue,
+    "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.simpleCurrentValue = $event),
     disabled: _ctx.disabled,
     "var-pagination-cover": "",
-    onBlur: _cache[2] || (_cache[2] = $event => _ctx.setPage('simple', _ctx.simpleValue, $event)),
-    onKeydown: _cache[3] || (_cache[3] = _withKeys($event => _ctx.setPage('simple', _ctx.simpleValue, $event), ["enter"]))
+    onBlur: _cache[2] || (_cache[2] = $event => _ctx.setPage('simple', _ctx.simpleCurrentValue, $event)),
+    onKeydown: _cache[3] || (_cache[3] = _withKeys($event => _ctx.setPage('simple', _ctx.simpleCurrentValue, $event), ["enter"]))
   }, null, 8
   /* PROPS */
   , ["modelValue", "disabled"]), _createElementVNode("span", null, [_createTextVNode(" / " + _toDisplayString(_ctx.pageCount) + " ", 1
@@ -142,12 +142,12 @@ function __render__(_ctx, _cache) {
   }, [_createTextVNode(_toDisplayString(_ctx.pack.paginationJump) + " ", 1
   /* TEXT */
   ), _createVNode(_component_var_input, {
-    modelValue: _ctx.inputValue,
-    "onUpdate:modelValue": _cache[7] || (_cache[7] = $event => _ctx.inputValue = $event),
+    modelValue: _ctx.quickJumperValue,
+    "onUpdate:modelValue": _cache[7] || (_cache[7] = $event => _ctx.quickJumperValue = $event),
     disabled: _ctx.disabled,
     "var-pagination-cover": "",
-    onBlur: _cache[8] || (_cache[8] = $event => _ctx.setPage('quick', _ctx.inputValue, $event)),
-    onKeydown: _cache[9] || (_cache[9] = _withKeys($event => _ctx.setPage('quick', _ctx.inputValue, $event), ["enter"]))
+    onBlur: _cache[8] || (_cache[8] = $event => _ctx.setPage('quick', _ctx.quickJumperValue, $event)),
+    onKeydown: _cache[9] || (_cache[9] = _withKeys($event => _ctx.setPage('quick', _ctx.quickJumperValue, $event), ["enter"]))
   }, null, 8
   /* PROPS */
   , ["modelValue", "disabled"])], 2
@@ -177,8 +177,8 @@ var __sfc__ = defineComponent({
 
   setup(props) {
     var menuVisible = ref(false);
-    var inputValue = ref('');
-    var simpleValue = ref('1');
+    var quickJumperValue = ref('');
+    var simpleCurrentValue = ref('1');
     var isHideEllipsisHead = ref(false);
     var isHideEllipsisTail = ref(false);
     var current = ref(toNumber(props.current) || 1);
@@ -207,48 +207,68 @@ var __sfc__ = defineComponent({
     };
 
     var clickItem = (item, index) => {
-      if (item === current.value || props.disabled) return;
-      if (isNumber(item)) current.value = item;else if (item === 'prev') current.value > 1 && (current.value -= 1);else if (item === 'next') current.value < pageCount.value && (current.value += 1);else if (item === '...') {
-        if (index === 1) {
-          current.value = Math.max(current.value - props.maxPagerCount, 1);
-        } else {
-          current.value = Math.min(current.value + props.maxPagerCount, pageCount.value);
-        }
+      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;
+      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 isValidatePage = value => {
-      var pattern = /^[1-9][0-9]*$/;
-      return pattern.test(value);
+    var ensureCurrentBoundary = targetCurrent => {
+      if (targetCurrent > pageCount.value) {
+        return pageCount.value;
+      }
+
+      if (targetCurrent < 1) {
+        return 1;
+      }
+
+      return targetCurrent;
     };
 
-    var setPage = (type, value, event) => {
+    var setPage = (type, page, event) => {
       ;
       event.target.blur();
+      var targetCurrent = ensureCurrentBoundary(toNumber(page));
+      simpleCurrentValue.value = String(targetCurrent);
+      current.value = targetCurrent;
 
-      if (isValidatePage(value)) {
-        var valueNum = toNumber(value);
-
-        if (valueNum > pageCount.value) {
-          valueNum = pageCount.value;
-          simpleValue.value = "" + valueNum;
-        }
-
-        if (valueNum !== current.value) current.value = valueNum;
+      if (type === 'quick') {
+        quickJumperValue.value = '';
       }
-
-      if (type === 'quick') inputValue.value = '';
-      if (type === 'simple' && !isValidatePage(value)) simpleValue.value = "" + current.value;
     };
 
     watch([() => props.current, () => props.size], _ref => {
@@ -267,7 +287,7 @@ var __sfc__ = defineComponent({
       } = props;
       var oldCount = Math.ceil(toNumber(total) / toNumber(oldSize));
       var rEllipseSign = newCount - (maxPagerCount - activePosition.value) - 1;
-      simpleValue.value = "" + newCurrent;
+      simpleCurrentValue.value = "" + newCurrent;
 
       if (newCount - 2 > maxPagerCount) {
         if (oldCurrent === undefined || newCount !== oldCount) {
@@ -322,7 +342,7 @@ var __sfc__ = defineComponent({
 
       pageList.value = list;
 
-      if (oldCurrent !== undefined && newCount > 0) {
+      if (oldCurrent != null && newCount > 0) {
         call(onChange, newCurrent, newSize);
       }
 
@@ -340,8 +360,8 @@ var __sfc__ = defineComponent({
       size,
       pageCount,
       pageList,
-      inputValue,
-      simpleValue,
+      quickJumperValue,
+      simpleCurrentValue,
       totalText,
       getMode,
       isHideEllipsis,

package/es/picker/index.mjs

@@ -71,7 +71,7 @@ Picker.install = function (app) {
   app.component(VarPicker.name, VarPicker);
 };
 
-Picker.close = () => {
+Picker.close = function () {
   if (singletonOptions != null) {
     var prevSingletonOptions = singletonOptions;
     singletonOptions = null;

package/es/pull-refresh/PullRefresh.mjs

@@ -38,7 +38,7 @@ function __render__(_ctx, _cache) {
   }, [_createVNode(_component_var_icon, {
     name: _ctx.iconName,
     transition: _ctx.ICON_TRANSITION,
-    class: _normalizeClass(_ctx.classes(_ctx.n('icon'), [_ctx.refreshStatus === 'loading' && _ctx.iconHasChanged, _ctx.n('animation')])),
+    class: _normalizeClass(_ctx.classes(_ctx.n('icon'), [_ctx.refreshStatus === 'loading', _ctx.n('animation')])),
     "var-pull-refresh-cover": ""
   }, null, 8
   /* PROPS */
@@ -67,11 +67,26 @@ var __sfc__ = defineComponent({
     var isEnd = ref(false);
     var scroller;
     var eventTargetScroller;
-    var changing;
     var startY = 0;
-    var deltaY = 0; // https://github.com/varletjs/varlet/issues/509
+    var deltaY = 0;
+
+    var startIconTransition = /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator(function* (name) {
+        if (iconName.value === name) {
+          return;
+        }
+
+        iconName.value = name;
+        return new Promise(resolve => {
+          window.setTimeout(resolve, ICON_TRANSITION);
+        });
+      });
+
+      return function startIconTransition(_x) {
+        return _ref.apply(this, arguments);
+      };
+    }();
 
-    var iconHasChanged = ref(true);
     var isTouchable = computed(() => refreshStatus.value !== 'loading' && refreshStatus.value !== 'success' && !props.disabled);
     var controlStyle = computed(() => ({
       transform: "translate3d(0px, " + (isString(distance.value) ? distance.value : distance.value + "px") + ", 0px) translate(-50%, 0)",
@@ -82,15 +97,6 @@ var __sfc__ = defineComponent({
     var maxDistance = computed(() => Math.abs(2 * controlPosition.value));
     var isSuccess = computed(() => refreshStatus.value === 'success');
 
-    var changeIcon = () => {
-      return new Promise(resolve => {
-        window.setTimeout(() => {
-          iconHasChanged.value = true;
-          resolve();
-        }, ICON_TRANSITION);
-      });
-    };
-
     var lockEvent = action => {
       var el = 'classList' in scroller ? scroller : document.body;
       el.classList[action](n() + "--lock");
@@ -143,23 +149,19 @@ var __sfc__ = defineComponent({
 
       var moveDistance = (event.touches[0].clientY - startPosition.value) / 2 + controlPosition.value;
       distance.value = moveDistance >= maxDistance.value ? maxDistance.value : moveDistance;
-
-      if (distance.value >= maxDistance.value * 0.2) {
-        iconHasChanged.value = false;
-        iconName.value = 'refresh';
-        changing = changeIcon();
-      } else {
-        iconName.value = 'arrow-down';
-      }
+      startIconTransition(distance.value >= maxDistance.value * 0.2 ? 'refresh' : 'arrow-down');
     };
 
     var touchEnd = /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator(function* () {
-        if (!isTouchable.value) return;
+      var _ref2 = _asyncToGenerator(function* () {
+        if (!isTouchable.value) {
+          return;
+        }
+
         isEnd.value = true;
 
         if (distance.value >= maxDistance.value * 0.2) {
-          yield changing;
+          yield startIconTransition('refresh');
           refreshStatus.value = 'loading';
           distance.value = maxDistance.value * 0.3;
           call(props['onUpdate:modelValue'], true);
@@ -181,7 +183,7 @@ var __sfc__ = defineComponent({
       });
 
       return function touchEnd() {
-        return _ref.apply(this, arguments);
+        return _ref2.apply(this, arguments);
       };
     }();
 
@@ -213,7 +215,6 @@ var __sfc__ = defineComponent({
     return {
       n,
       classes,
-      iconHasChanged,
       ICON_TRANSITION,
       refreshStatus,
       freshNode,

package/es/radio/radio.css

@@ -1 +1 @@
-:root { --radio-checked-color: var(--color-primary); --radio-unchecked-color: #555; --radio-disabled-color: var(--color-text-disabled); --radio-error-color: var(--color-danger); --radio-icon-size: 24px; --radio-action-padding: 6px; --radio-text-padding: 6px 6px 6px 0;}@keyframes var-vibrate-animation { 0% { opacity: 1; transform: scale(1); } 50% { opacity: 0.8; transform: scale(0.8); } 100% { opacity: 1; transform: scale(1); }}.var-radio { display: flex; align-items: center; transform: translateX(calc(-1 * var(--radio-action-padding))); cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}.var-radio__wrap { display: inline-flex; flex-direction: column;}.var-radio__action { display: flex; justify-content: center; position: relative; align-items: center; padding: var(--radio-action-padding); border-radius: 50%; transition: background-color 0.25s, color 0.25s;}.var-radio__icon[var-radio-cover] { display: block; font-size: var(--radio-icon-size);}.var-radio--with-animation[var-radio-cover] { animation: var-vibrate-animation 0.25s;}.var-radio--checked { color: var(--radio-checked-color);}.var-radio--unchecked { color: var(--radio-unchecked-color);}.var-radio--disabled { color: var(--radio-disabled-color); cursor: not-allowed;}.var-radio--error { color: var(--radio-error-color);}
+:root { --radio-checked-color: var(--color-primary); --radio-unchecked-color: #555; --radio-disabled-color: var(--color-text-disabled); --radio-error-color: var(--color-danger); --radio-icon-size: 24px; --radio-action-padding: 6px; --radio-text-padding: 6px 6px 6px 0;}@keyframes var-vibrate-animation { 0% { opacity: 1; transform: scale(1); } 50% { opacity: 0.8; transform: scale(0.8); } 100% { opacity: 1; transform: scale(1); }}.var-radio { display: flex; align-items: center; transform: translateX(calc(-1 * var(--radio-action-padding))); cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}.var-radio__wrap { display: inline-flex; flex-direction: column;}.var-radio__action { position: relative; display: flex; justify-content: center; align-items: center; flex-shrink: 0; padding: var(--radio-action-padding); border-radius: 50%; transition: background-color 0.25s, color 0.25s;}.var-radio__icon[var-radio-cover] { display: block; font-size: var(--radio-icon-size);}.var-radio--with-animation[var-radio-cover] { animation: var-vibrate-animation 0.25s;}.var-radio--checked { color: var(--radio-checked-color);}.var-radio--unchecked { color: var(--radio-unchecked-color);}.var-radio--disabled { color: var(--radio-disabled-color); cursor: not-allowed;}.var-radio--error { color: var(--radio-error-color);}

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'