@varlet/ui 2.9.5 → 2.9.6-alpha.1680971883189

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/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-alpha.1680971883189'
 
 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-alpha.1680971883189'
 
 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/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);}