@varlet/ui 1.24.10 → 1.24.11

package/es/back-top/BackTop.js

@@ -43,8 +43,8 @@ export default defineComponent({
     var element;
     var show = ref(false);
 
-    var click = () => {
-      props.onClick == null ? void 0 : props.onClick();
+    var click = event => {
+      props.onClick == null ? void 0 : props.onClick(event);
       var left = getScrollLeft(element);
       scrollTo(element, {
         left,

package/es/button/Button.js

@@ -28,6 +28,7 @@ export function render(_ctx, _cache) {
   }, [_ctx.loading ? (_openBlock(), _createBlock(_component_var_loading, {
     key: 0,
     class: "var-button__loading",
+    "var-button-cover": "",
     type: _ctx.loadingType,
     size: _ctx.loadingSize,
     radius: _ctx.loadingRadius

package/es/button/button.css

@@ -1 +1 @@
-:root { --button-default-color: #f5f5f5; --button-primary-color: var(--color-primary); --button-danger-color: var(--color-danger); --button-success-color: var(--color-success); --button-warning-color: var(--color-warning); --button-info-color: var(--color-info); --button-disabled-color: var(--color-disabled); --button-disabled-text-color: var(--color-text-disabled); --button-border-radius: 4px; --button-mini-padding: 0 9px; --button-small-padding: 0 11px; --button-normal-padding: 0 15px; --button-large-padding: 0 22px; --button-round-padding: 6px; --button-mini-height: 20px; --button-small-height: 28px; --button-normal-height: 36px; --button-large-height: 44px;}.var-button { position: relative; justify-content: center; align-items: center; outline: none; border: none; border-radius: var(--button-border-radius); user-select: none; cursor: pointer; font-family: inherit; transition: box-shadow 0.2s, background-color 0.25s; will-change: box-shadow; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); white-space: nowrap; line-height: 1;}.var-button:active { box-shadow: 0 3px 5px -1px var(--shadow-key-umbra-opacity), 0 5px 8px 0 var(--shadow-key-penumbra-opacity), 0 1px 14px 0 var(--shadow-key-ambient-opacity);}.var-button__loading { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}.var-button--default { color: inherit; background-color: var(--button-default-color);}.var-button--primary { color: #fff; background-color: var(--button-primary-color);}.var-button--info { color: #fff; background-color: var(--button-info-color);}.var-button--success { color: #fff; background-color: var(--button-success-color);}.var-button--warning { color: #fff; background-color: var(--button-warning-color);}.var-button--danger { color: #fff; background-color: var(--button-danger-color);}.var-button--disabled { background-color: var(--button-disabled-color); color: var(--button-disabled-text-color); cursor: not-allowed; box-shadow: none !important;}.var-button--block { width: 100%;}.var-button--text { background-color: transparent;}.var-button--text:active { box-shadow: none;}.var-button--text-default { color: inherit;}.var-button--text-primary { color: var(--button-primary-color);}.var-button--text-info { color: var(--button-info-color);}.var-button--text-success { color: var(--button-success-color);}.var-button--text-warning { color: var(--button-warning-color);}.var-button--text-danger { color: var(--button-danger-color);}.var-button--text-disabled { color: var(--button-disabled-text-color);}.var-button--normal { height: var(--button-normal-height); padding: var(--button-normal-padding); font-size: var(--font-size-md);}.var-button--large { height: var(--button-large-height); padding: var(--button-large-padding); font-size: var(--font-size-lg);}.var-button--small { height: var(--button-small-height); padding: var(--button-small-padding); font-size: var(--font-size-sm);}.var-button--mini { height: var(--button-mini-height); padding: var(--button-mini-padding); font-size: var(--font-size-xs);}.var-button--round { padding: var(--button-round-padding); border-radius: 50%; height: auto;}.var-button--outline { border: thin solid currentColor;}.var-button--hidden { opacity: 0;}
+:root { --button-default-color: #f5f5f5; --button-primary-color: var(--color-primary); --button-danger-color: var(--color-danger); --button-success-color: var(--color-success); --button-warning-color: var(--color-warning); --button-info-color: var(--color-info); --button-disabled-color: var(--color-disabled); --button-disabled-text-color: var(--color-text-disabled); --button-border-radius: 4px; --button-mini-padding: 0 9px; --button-small-padding: 0 11px; --button-normal-padding: 0 15px; --button-large-padding: 0 22px; --button-round-padding: 6px; --button-mini-height: 20px; --button-small-height: 28px; --button-normal-height: 36px; --button-large-height: 44px;}.var-button { position: relative; justify-content: center; align-items: center; outline: none; border: none; border-radius: var(--button-border-radius); user-select: none; cursor: pointer; font-family: inherit; transition: box-shadow 0.2s, background-color 0.25s; will-change: box-shadow; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); white-space: nowrap; line-height: 1;}.var-button:active { box-shadow: 0 3px 5px -1px var(--shadow-key-umbra-opacity), 0 5px 8px 0 var(--shadow-key-penumbra-opacity), 0 1px 14px 0 var(--shadow-key-ambient-opacity);}.var-button__loading[var-button-cover] { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}.var-button--default { color: inherit; background-color: var(--button-default-color);}.var-button--primary { color: #fff; background-color: var(--button-primary-color);}.var-button--info { color: #fff; background-color: var(--button-info-color);}.var-button--success { color: #fff; background-color: var(--button-success-color);}.var-button--warning { color: #fff; background-color: var(--button-warning-color);}.var-button--danger { color: #fff; background-color: var(--button-danger-color);}.var-button--disabled { background-color: var(--button-disabled-color); color: var(--button-disabled-text-color); cursor: not-allowed; box-shadow: none !important;}.var-button--block { width: 100%;}.var-button--text { background-color: transparent;}.var-button--text:active { box-shadow: none;}.var-button--text-default { color: inherit;}.var-button--text-primary { color: var(--button-primary-color);}.var-button--text-info { color: var(--button-info-color);}.var-button--text-success { color: var(--button-success-color);}.var-button--text-warning { color: var(--button-warning-color);}.var-button--text-danger { color: var(--button-danger-color);}.var-button--text-disabled { color: var(--button-disabled-text-color);}.var-button--normal { height: var(--button-normal-height); padding: var(--button-normal-padding); font-size: var(--font-size-md);}.var-button--large { height: var(--button-large-height); padding: var(--button-large-padding); font-size: var(--font-size-lg);}.var-button--small { height: var(--button-small-height); padding: var(--button-small-padding); font-size: var(--font-size-sm);}.var-button--mini { height: var(--button-mini-height); padding: var(--button-mini-padding); font-size: var(--font-size-xs);}.var-button--round { padding: var(--button-round-padding); border-radius: 50%; height: auto;}.var-button--outline { border: thin solid currentColor;}.var-button--hidden { opacity: 0;}

package/es/button/button.less

@@ -59,7 +59,7 @@
       0 1px 14px 0 var(--shadow-key-ambient-opacity);
   }
 
-  &__loading {
+  &__loading[var-button-cover] {
     position: absolute;
     top: 50%;
     left: 50%;

package/es/collapse/Collapse.js

@@ -43,7 +43,7 @@ export default defineComponent({
     var getValue = (value, isExpand) => {
       if (!checkValue()) return;
       if (isExpand) return props.accordion ? value : [...props.modelValue, value];
-      return props.accordion ? null : props.modelValue.filter(name => name !== value);
+      return props.accordion ? undefined : props.modelValue.filter(name => name !== value);
     };
 
     var updateItem = (value, isExpand) => {

package/es/countdown/Countdown.js

@@ -29,7 +29,13 @@ export default defineComponent({
     var showTime = ref('');
     var handle = ref(0);
     var pauseTime = ref(0);
-    var timeData = ref({});
+    var timeData = ref({
+      days: 0,
+      hours: 0,
+      minutes: 0,
+      seconds: 0,
+      milliseconds: 0
+    });
 
     var formatTime = durationTime => {
       var days = Math.floor(durationTime / DAY);

package/es/dialog/index.js

@@ -1,6 +1,6 @@
 import VarDialog from './Dialog.js'
 import { reactive, nextTick } from 'vue';
-import { inBrowser, isString } from '../utils/shared';
+import { inBrowser, isNumber, isString } from '../utils/shared';
 import { mountInstance } from '../utils/components';
 var singletonOptions;
 
@@ -11,8 +11,8 @@ function Dialog(options) {
 
   return new Promise(resolve => {
     Dialog.close();
-    var dialogOptions = isString(options) ? {
-      message: options
+    var dialogOptions = isString(options) || isNumber(options) ? {
+      message: String(options)
     } : options;
     var reactiveDialogOptions = reactive(dialogOptions);
     reactiveDialogOptions.teleport = 'body';

package/es/index-bar/IndexBar.js

@@ -76,7 +76,7 @@ export default defineComponent({
 
     var emitEvent = anchor => {
       var anchorName = isPlainObject(anchor) ? anchor.name.value : anchor;
-      if (anchorName === active.value) return;
+      if (anchorName === active.value || anchorName === undefined) return;
       active.value = anchorName;
       props.onChange == null ? void 0 : props.onChange(anchorName);
     };

package/es/pagination/Pagination.js

@@ -265,24 +265,29 @@ export default defineComponent({
       current.value = toNumber(newCurrent) || 1;
       size.value = toNumber(newSize || 10);
     });
-    watch([current, pageCount], (_ref2, _ref3) => {
-      var [newCurrent, newCount] = _ref2;
-      var [oldCurrent, oldCount] = _ref3;
+    watch([current, size], (_ref2, _ref3) => {
+      var _props$onUpdateCurre, _props$onUpdateSize;
 
-      if (newCurrent > newCount) {
-        current.value = newCount;
+      var [newCurrent, newSize] = _ref2;
+      var [oldCurrent, oldSize] = _ref3;
+
+      if (newCurrent > pageCount.value) {
+        current.value = pageCount.value;
         return;
       }
 
       var list = [];
       var {
-        maxPagerCount
+        maxPagerCount,
+        total,
+        onChange
       } = props;
-      var rEllipseSign = newCount - (maxPagerCount - activePosition.value) - 1;
+      var oldCount = Math.ceil(toNumber(total) / toNumber(oldSize));
+      var rEllipseSign = pageCount.value - (maxPagerCount - activePosition.value) - 1;
       simpleValue.value = "" + newCurrent;
 
-      if (newCount - 2 > maxPagerCount) {
-        if (oldCurrent === undefined || newCount !== oldCount) {
+      if (pageCount.value - 2 > maxPagerCount) {
+        if (oldCurrent === undefined || pageCount.value !== oldCount) {
           for (var i = 2; i < maxPagerCount + 2; i++) {
             list.push(i);
           }
@@ -318,22 +323,24 @@ export default defineComponent({
           list = [];
 
           for (var _i3 = 1; _i3 < maxPagerCount + 1; _i3++) {
-            list.push(newCount - (maxPagerCount - _i3) - 1);
+            list.push(pageCount.value - (maxPagerCount - _i3) - 1);
           }
 
           isHideEllipsisHead.value = false;
           isHideEllipsisTail.value = true;
         }
 
-        list = [1, '...', ...list, '...', newCount];
+        list = [1, '...', ...list, '...', pageCount.value];
       } else {
-        for (var _i4 = 1; _i4 <= newCount; _i4++) {
+        for (var _i4 = 1; _i4 <= pageCount.value; _i4++) {
           list.push(_i4);
         }
       }
 
       pageList.value = list;
-      if (oldCurrent !== undefined) props.onChange == null ? void 0 : props.onChange(newCurrent, size.value);
+      if (oldCurrent !== undefined) onChange == null ? void 0 : onChange(newCurrent, newSize);
+      (_props$onUpdateCurre = props['onUpdate:current']) == null ? void 0 : _props$onUpdateCurre.call(props, newCurrent);
+      (_props$onUpdateSize = props['onUpdate:size']) == null ? void 0 : _props$onUpdateSize.call(props, newSize);
     }, {
       immediate: true
     });

package/es/pagination/porps.js

@@ -39,5 +39,11 @@ export var props = {
   },
   onChange: {
     type: Function
+  },
+  'onUpdate:current': {
+    type: Function
+  },
+  'onUpdate:size': {
+    type: Function
   }
 };

package/es/select/Select.js

@@ -176,13 +176,8 @@ export default defineComponent({
     var focusColor = computed(() => props.focusColor);
     var label = ref('');
     var labels = ref([]);
-    var wrapWidth = computed(() => {
-      return wrapEl.value && window.getComputedStyle(wrapEl.value).width || '0px';
-    });
-    var offsetY = computed(() => {
-      var paddingTop = wrapEl.value && window.getComputedStyle(wrapEl.value).paddingTop || '0px';
-      return toPxNum(paddingTop) * 1.5;
-    });
+    var wrapWidth = ref('0px');
+    var offsetY = ref(0);
     var {
       bindForm,
       form
@@ -279,6 +274,15 @@ export default defineComponent({
       }
     };
 
+    var getWrapWidth = () => {
+      return wrapEl.value && window.getComputedStyle(wrapEl.value).width || '0px';
+    };
+
+    var getOffsetY = () => {
+      var paddingTop = wrapEl.value && window.getComputedStyle(wrapEl.value).paddingTop || '0px';
+      return toPxNum(paddingTop) * 1.5;
+    };
+
     var handleFocus = () => {
       var {
         disabled,
@@ -290,6 +294,8 @@ export default defineComponent({
         return;
       }
 
+      wrapWidth.value = getWrapWidth();
+      offsetY.value = getOffsetY();
       isFocus.value = true;
       onFocus == null ? void 0 : onFocus();
       validateWithTrigger('onFocus');
@@ -454,7 +460,7 @@ export default defineComponent({
     });
     watch(() => length.value, syncOptions);
     var selectProvider = {
-      wrapWidth,
+      wrapWidth: computed(() => wrapWidth.value),
       multiple,
       focusColor,
       onSelect,

package/es/snackbar/index.js

@@ -7,7 +7,7 @@ import VarSnackbar from './Snackbar.js'
 import context from '../context';
 import { reactive, TransitionGroup } from 'vue';
 import { mountInstance } from '../utils/components';
-import { isPlainObject, toNumber } from '../utils/shared';
+import { isNumber, isPlainObject, isString, toNumber } from '../utils/shared';
 
 function _isSlot(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !_isVNode(s);
@@ -93,9 +93,9 @@ var TransitionGroupHost = {
 };
 
 var Snackbar = function (options) {
-  var snackOptions = isPlainObject(options) ? options : {
-    content: options
-  };
+  var snackOptions = isString(options) || isNumber(options) ? {
+    content: String(options)
+  } : options;
   var reactiveSnackOptions = reactive(_extends({}, defaultOption, snackOptions));
   reactiveSnackOptions.show = true;
 

package/es/snackbar/style/index.js

@@ -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'

package/es/snackbar/style/less.js

@@ -1,8 +1,8 @@
 import '../../styles/common.less'
+import '../SnackbarSfc.less'
 import '../../styles/elevation.less'
 import '../../loading/loading.less'
 import '../../button/button.less'
 import '../../icon/icon.less'
 import '../snackbar.less'
 import '../coreSfc.less'
-import '../SnackbarSfc.less'

package/es/switch/Switch.js

@@ -123,7 +123,7 @@ export default defineComponent({
       };
     });
 
-    var switchActive = () => {
+    var switchActive = event => {
       var {
         onClick,
         onChange,
@@ -135,7 +135,7 @@ export default defineComponent({
         inactiveValue,
         'onUpdate:modelValue': updateModelValue
       } = props;
-      onClick == null ? void 0 : onClick();
+      onClick == null ? void 0 : onClick(event);
       if (disabled || loading || readonly || form != null && form.disabled.value || form != null && form.readonly.value) return;
       var newValue = modelValue === activeValue ? inactiveValue : activeValue;
       onChange == null ? void 0 : onChange(newValue);

package/es/utils/shared.js

@@ -79,23 +79,6 @@ export var throttle = function (method, mustRunDelay) {
     }
   };
 };
-export var debounce = function (method, delay) {
-  if (delay === void 0) {
-    delay = 200;
-  }
-
-  var timer;
-  return function () {
-    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-      args[_key2] = arguments[_key2];
-    }
-
-    timer && window.clearTimeout(timer);
-    timer = window.setTimeout(() => {
-      method.apply(this, args);
-    }, delay);
-  };
-};
 export var createCache = max => {
   var cache = [];
   return {

package/highlight/attributes.json

@@ -177,7 +177,7 @@
   },
   "var-card/fit": {
     "type": "string",
-    "description": "填充模式, 可选值为 `fill` `contain` `cover` `none` `scale-down` 默认值：cover"
+    "description": "填充模式，可选值为 `fill` `contain` `cover` `none` `scale-down` 默认值：cover"
   },
   "var-card/alt": {
     "type": "string",
@@ -879,11 +879,11 @@
     "type": "any",
     "description": "选项绑定的值 默认值：-"
   },
-  "var-pagination/current": {
+  "var-pagination/v-model: current": {
     "type": "string | number",
     "description": "当前页数 默认值：1"
   },
-  "var-pagination/size": {
+  "var-pagination/v-model: size": {
     "type": "string | number",
     "description": "每页条数 默认值：10"
   },

package/highlight/tags.json

@@ -346,8 +346,8 @@
   },
   "var-pagination": {
     "attributes": [
-      "current",
-      "size",
+      "v-model: current",
+      "v-model: size",
       "total",
       "simple",
       "disabled",

package/highlight/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
-  "version": "1.24.9",
+  "version": "1.24.10",
   "name": "VARLET",
   "contributions": {
     "html": {
@@ -518,7 +518,7 @@
             },
             {
               "name": "fit",
-              "description": "填充模式, 可选值为 `fill` `contain` `cover` `none` `scale-down`",
+              "description": "填充模式，可选值为 `fill` `contain` `cover` `none` `scale-down`",
               "default": "cover",
               "value": {
                 "type": "string",
@@ -2693,7 +2693,7 @@
           "name": "var-pagination",
           "attributes": [
             {
-              "name": "current",
+              "name": "v-model: current",
               "description": "当前页数",
               "default": "1",
               "value": {
@@ -2702,7 +2702,7 @@
               }
             },
             {
-              "name": "size",
+              "name": "v-model: size",
               "description": "每页条数",
               "default": "10",
               "value": {
@@ -4181,7 +4181,12 @@
             }
           ],
           "events": [],
-          "slots": []
+          "slots": [
+            {
+              "name": "default",
+              "description": "Space 内容"
+            }
+          ]
         },
         {
           "name": "var-step",

package/lib/back-top/BackTop.js

@@ -57,8 +57,8 @@ var _default = (0, _vue.defineComponent)({
     var element;
     var show = (0, _vue.ref)(false);
 
-    var click = () => {
-      props.onClick == null ? void 0 : props.onClick();
+    var click = event => {
+      props.onClick == null ? void 0 : props.onClick(event);
       var left = (0, _elements.getScrollLeft)(element);
       (0, _elements.scrollTo)(element, {
         left,

package/lib/button/Button.js

@@ -39,6 +39,7 @@ function render(_ctx, _cache) {
   }, [_ctx.loading ? ((0, _vue.openBlock)(), (0, _vue.createBlock)(_component_var_loading, {
     key: 0,
     class: "var-button__loading",
+    "var-button-cover": "",
     type: _ctx.loadingType,
     size: _ctx.loadingSize,
     radius: _ctx.loadingRadius

package/lib/button/button.css

@@ -1 +1 @@
-:root { --button-default-color: #f5f5f5; --button-primary-color: var(--color-primary); --button-danger-color: var(--color-danger); --button-success-color: var(--color-success); --button-warning-color: var(--color-warning); --button-info-color: var(--color-info); --button-disabled-color: var(--color-disabled); --button-disabled-text-color: var(--color-text-disabled); --button-border-radius: 4px; --button-mini-padding: 0 9px; --button-small-padding: 0 11px; --button-normal-padding: 0 15px; --button-large-padding: 0 22px; --button-round-padding: 6px; --button-mini-height: 20px; --button-small-height: 28px; --button-normal-height: 36px; --button-large-height: 44px;}.var-button { position: relative; justify-content: center; align-items: center; outline: none; border: none; border-radius: var(--button-border-radius); user-select: none; cursor: pointer; font-family: inherit; transition: box-shadow 0.2s, background-color 0.25s; will-change: box-shadow; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); white-space: nowrap; line-height: 1;}.var-button:active { box-shadow: 0 3px 5px -1px var(--shadow-key-umbra-opacity), 0 5px 8px 0 var(--shadow-key-penumbra-opacity), 0 1px 14px 0 var(--shadow-key-ambient-opacity);}.var-button__loading { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}.var-button--default { color: inherit; background-color: var(--button-default-color);}.var-button--primary { color: #fff; background-color: var(--button-primary-color);}.var-button--info { color: #fff; background-color: var(--button-info-color);}.var-button--success { color: #fff; background-color: var(--button-success-color);}.var-button--warning { color: #fff; background-color: var(--button-warning-color);}.var-button--danger { color: #fff; background-color: var(--button-danger-color);}.var-button--disabled { background-color: var(--button-disabled-color); color: var(--button-disabled-text-color); cursor: not-allowed; box-shadow: none !important;}.var-button--block { width: 100%;}.var-button--text { background-color: transparent;}.var-button--text:active { box-shadow: none;}.var-button--text-default { color: inherit;}.var-button--text-primary { color: var(--button-primary-color);}.var-button--text-info { color: var(--button-info-color);}.var-button--text-success { color: var(--button-success-color);}.var-button--text-warning { color: var(--button-warning-color);}.var-button--text-danger { color: var(--button-danger-color);}.var-button--text-disabled { color: var(--button-disabled-text-color);}.var-button--normal { height: var(--button-normal-height); padding: var(--button-normal-padding); font-size: var(--font-size-md);}.var-button--large { height: var(--button-large-height); padding: var(--button-large-padding); font-size: var(--font-size-lg);}.var-button--small { height: var(--button-small-height); padding: var(--button-small-padding); font-size: var(--font-size-sm);}.var-button--mini { height: var(--button-mini-height); padding: var(--button-mini-padding); font-size: var(--font-size-xs);}.var-button--round { padding: var(--button-round-padding); border-radius: 50%; height: auto;}.var-button--outline { border: thin solid currentColor;}.var-button--hidden { opacity: 0;}
+:root { --button-default-color: #f5f5f5; --button-primary-color: var(--color-primary); --button-danger-color: var(--color-danger); --button-success-color: var(--color-success); --button-warning-color: var(--color-warning); --button-info-color: var(--color-info); --button-disabled-color: var(--color-disabled); --button-disabled-text-color: var(--color-text-disabled); --button-border-radius: 4px; --button-mini-padding: 0 9px; --button-small-padding: 0 11px; --button-normal-padding: 0 15px; --button-large-padding: 0 22px; --button-round-padding: 6px; --button-mini-height: 20px; --button-small-height: 28px; --button-normal-height: 36px; --button-large-height: 44px;}.var-button { position: relative; justify-content: center; align-items: center; outline: none; border: none; border-radius: var(--button-border-radius); user-select: none; cursor: pointer; font-family: inherit; transition: box-shadow 0.2s, background-color 0.25s; will-change: box-shadow; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); white-space: nowrap; line-height: 1;}.var-button:active { box-shadow: 0 3px 5px -1px var(--shadow-key-umbra-opacity), 0 5px 8px 0 var(--shadow-key-penumbra-opacity), 0 1px 14px 0 var(--shadow-key-ambient-opacity);}.var-button__loading[var-button-cover] { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}.var-button--default { color: inherit; background-color: var(--button-default-color);}.var-button--primary { color: #fff; background-color: var(--button-primary-color);}.var-button--info { color: #fff; background-color: var(--button-info-color);}.var-button--success { color: #fff; background-color: var(--button-success-color);}.var-button--warning { color: #fff; background-color: var(--button-warning-color);}.var-button--danger { color: #fff; background-color: var(--button-danger-color);}.var-button--disabled { background-color: var(--button-disabled-color); color: var(--button-disabled-text-color); cursor: not-allowed; box-shadow: none !important;}.var-button--block { width: 100%;}.var-button--text { background-color: transparent;}.var-button--text:active { box-shadow: none;}.var-button--text-default { color: inherit;}.var-button--text-primary { color: var(--button-primary-color);}.var-button--text-info { color: var(--button-info-color);}.var-button--text-success { color: var(--button-success-color);}.var-button--text-warning { color: var(--button-warning-color);}.var-button--text-danger { color: var(--button-danger-color);}.var-button--text-disabled { color: var(--button-disabled-text-color);}.var-button--normal { height: var(--button-normal-height); padding: var(--button-normal-padding); font-size: var(--font-size-md);}.var-button--large { height: var(--button-large-height); padding: var(--button-large-padding); font-size: var(--font-size-lg);}.var-button--small { height: var(--button-small-height); padding: var(--button-small-padding); font-size: var(--font-size-sm);}.var-button--mini { height: var(--button-mini-height); padding: var(--button-mini-padding); font-size: var(--font-size-xs);}.var-button--round { padding: var(--button-round-padding); border-radius: 50%; height: auto;}.var-button--outline { border: thin solid currentColor;}.var-button--hidden { opacity: 0;}

package/lib/button/button.less

@@ -59,7 +59,7 @@
       0 1px 14px 0 var(--shadow-key-ambient-opacity);
   }
 
-  &__loading {
+  &__loading[var-button-cover] {
     position: absolute;
     top: 50%;
     left: 50%;

package/lib/collapse/Collapse.js

@@ -53,7 +53,7 @@ var _default = (0, _vue.defineComponent)({
     var getValue = (value, isExpand) => {
       if (!checkValue()) return;
       if (isExpand) return props.accordion ? value : [...props.modelValue, value];
-      return props.accordion ? null : props.modelValue.filter(name => name !== value);
+      return props.accordion ? undefined : props.modelValue.filter(name => name !== value);
     };
 
     var updateItem = (value, isExpand) => {

package/lib/countdown/Countdown.js

@@ -40,7 +40,13 @@ var _default = (0, _vue.defineComponent)({
     var showTime = (0, _vue.ref)('');
     var handle = (0, _vue.ref)(0);
     var pauseTime = (0, _vue.ref)(0);
-    var timeData = (0, _vue.ref)({});
+    var timeData = (0, _vue.ref)({
+      days: 0,
+      hours: 0,
+      minutes: 0,
+      seconds: 0,
+      milliseconds: 0
+    });
 
     var formatTime = durationTime => {
       var days = Math.floor(durationTime / DAY);

package/lib/dialog/index.js

@@ -22,8 +22,8 @@ function Dialog(options) {
 
   return new Promise(resolve => {
     Dialog.close();
-    var dialogOptions = (0, _shared.isString)(options) ? {
-      message: options
+    var dialogOptions = (0, _shared.isString)(options) || (0, _shared.isNumber)(options) ? {
+      message: String(options)
     } : options;
     var reactiveDialogOptions = (0, _vue.reactive)(dialogOptions);
     reactiveDialogOptions.teleport = 'body';

package/lib/index-bar/IndexBar.js

@@ -87,7 +87,7 @@ var _default = (0, _vue.defineComponent)({
 
     var emitEvent = anchor => {
       var anchorName = (0, _shared.isPlainObject)(anchor) ? anchor.name.value : anchor;
-      if (anchorName === active.value) return;
+      if (anchorName === active.value || anchorName === undefined) return;
       active.value = anchorName;
       props.onChange == null ? void 0 : props.onChange(anchorName);
     };

package/lib/pagination/Pagination.js

@@ -282,24 +282,29 @@ var _default = (0, _vue.defineComponent)({
       current.value = (0, _shared.toNumber)(newCurrent) || 1;
       size.value = (0, _shared.toNumber)(newSize || 10);
     });
-    (0, _vue.watch)([current, pageCount], (_ref2, _ref3) => {
-      var [newCurrent, newCount] = _ref2;
-      var [oldCurrent, oldCount] = _ref3;
+    (0, _vue.watch)([current, size], (_ref2, _ref3) => {
+      var _props$onUpdateCurre, _props$onUpdateSize;
 
-      if (newCurrent > newCount) {
-        current.value = newCount;
+      var [newCurrent, newSize] = _ref2;
+      var [oldCurrent, oldSize] = _ref3;
+
+      if (newCurrent > pageCount.value) {
+        current.value = pageCount.value;
         return;
       }
 
       var list = [];
       var {
-        maxPagerCount
+        maxPagerCount,
+        total,
+        onChange
       } = props;
-      var rEllipseSign = newCount - (maxPagerCount - activePosition.value) - 1;
+      var oldCount = Math.ceil((0, _shared.toNumber)(total) / (0, _shared.toNumber)(oldSize));
+      var rEllipseSign = pageCount.value - (maxPagerCount - activePosition.value) - 1;
       simpleValue.value = "" + newCurrent;
 
-      if (newCount - 2 > maxPagerCount) {
-        if (oldCurrent === undefined || newCount !== oldCount) {
+      if (pageCount.value - 2 > maxPagerCount) {
+        if (oldCurrent === undefined || pageCount.value !== oldCount) {
           for (var i = 2; i < maxPagerCount + 2; i++) {
             list.push(i);
           }
@@ -335,22 +340,24 @@ var _default = (0, _vue.defineComponent)({
           list = [];
 
           for (var _i3 = 1; _i3 < maxPagerCount + 1; _i3++) {
-            list.push(newCount - (maxPagerCount - _i3) - 1);
+            list.push(pageCount.value - (maxPagerCount - _i3) - 1);
           }
 
           isHideEllipsisHead.value = false;
           isHideEllipsisTail.value = true;
         }
 
-        list = [1, '...', ...list, '...', newCount];
+        list = [1, '...', ...list, '...', pageCount.value];
       } else {
-        for (var _i4 = 1; _i4 <= newCount; _i4++) {
+        for (var _i4 = 1; _i4 <= pageCount.value; _i4++) {
           list.push(_i4);
         }
       }
 
       pageList.value = list;
-      if (oldCurrent !== undefined) props.onChange == null ? void 0 : props.onChange(newCurrent, size.value);
+      if (oldCurrent !== undefined) onChange == null ? void 0 : onChange(newCurrent, newSize);
+      (_props$onUpdateCurre = props['onUpdate:current']) == null ? void 0 : _props$onUpdateCurre.call(props, newCurrent);
+      (_props$onUpdateSize = props['onUpdate:size']) == null ? void 0 : _props$onUpdateSize.call(props, newSize);
     }, {
       immediate: true
     });

package/lib/pagination/porps.js

@@ -43,6 +43,12 @@ var props = {
   },
   onChange: {
     type: Function
+  },
+  'onUpdate:current': {
+    type: Function
+  },
+  'onUpdate:size': {
+    type: Function
   }
 };
 exports.props = props;

package/lib/select/Select.js

@@ -195,13 +195,8 @@ var _default = (0, _vue.defineComponent)({
     var focusColor = (0, _vue.computed)(() => props.focusColor);
     var label = (0, _vue.ref)('');
     var labels = (0, _vue.ref)([]);
-    var wrapWidth = (0, _vue.computed)(() => {
-      return wrapEl.value && window.getComputedStyle(wrapEl.value).width || '0px';
-    });
-    var offsetY = (0, _vue.computed)(() => {
-      var paddingTop = wrapEl.value && window.getComputedStyle(wrapEl.value).paddingTop || '0px';
-      return (0, _elements.toPxNum)(paddingTop) * 1.5;
-    });
+    var wrapWidth = (0, _vue.ref)('0px');
+    var offsetY = (0, _vue.ref)(0);
     var {
       bindForm,
       form
@@ -298,6 +293,15 @@ var _default = (0, _vue.defineComponent)({
       }
     };
 
+    var getWrapWidth = () => {
+      return wrapEl.value && window.getComputedStyle(wrapEl.value).width || '0px';
+    };
+
+    var getOffsetY = () => {
+      var paddingTop = wrapEl.value && window.getComputedStyle(wrapEl.value).paddingTop || '0px';
+      return (0, _elements.toPxNum)(paddingTop) * 1.5;
+    };
+
     var handleFocus = () => {
       var {
         disabled,
@@ -309,6 +313,8 @@ var _default = (0, _vue.defineComponent)({
         return;
       }
 
+      wrapWidth.value = getWrapWidth();
+      offsetY.value = getOffsetY();
       isFocus.value = true;
       onFocus == null ? void 0 : onFocus();
       validateWithTrigger('onFocus');
@@ -473,7 +479,7 @@ var _default = (0, _vue.defineComponent)({
     });
     (0, _vue.watch)(() => length.value, syncOptions);
     var selectProvider = {
-      wrapWidth,
+      wrapWidth: (0, _vue.computed)(() => wrapWidth.value),
       multiple,
       focusColor,
       onSelect,

package/lib/snackbar/index.js

@@ -104,9 +104,9 @@ var TransitionGroupHost = {
 };
 
 var Snackbar = function (options) {
-  var snackOptions = (0, _shared.isPlainObject)(options) ? options : {
-    content: options
-  };
+  var snackOptions = (0, _shared.isString)(options) || (0, _shared.isNumber)(options) ? {
+    content: String(options)
+  } : options;
   var reactiveSnackOptions = (0, _vue.reactive)(_extends({}, defaultOption, snackOptions));
   reactiveSnackOptions.show = true;