@varlet/ui 1.22.0-alpha.7 → 1.22.1

package/CHANGELOG.md

@@ -3,6 +3,53 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.22.1](https://github.com/haoziqaq/varlet/compare/v1.22.0...v1.22.1) (2021-10-08)
+
+
+### Bug Fixes
+
+* **pagination:** fix hover style ([1762dd8](https://github.com/haoziqaq/varlet/commit/1762dd8224806975c916485e40f4dc15b0fbb87a))
+* **ui/action-sheet:** fix disabled color ([ec70187](https://github.com/haoziqaq/varlet/commit/ec7018723815ead6f5deae85c79a5b0533a4927d))
+* **ui/styles:** fix disabled color vars ([f529c30](https://github.com/haoziqaq/varlet/commit/f529c309d41f4ca28ff8d3c0d00e48889837222d))
+
+
+
+
+
+# [1.22.0](https://github.com/haoziqaq/varlet/compare/v1.21.0...v1.22.0) (2021-10-08)
+
+
+### Bug Fixes
+
+* **back-top:** cover the style of button ([b5046ae](https://github.com/haoziqaq/varlet/commit/b5046ae8e2b1c90e1583718d989e9c62528eadbb))
+* **cli/gen:** add default themes ([2d68e91](https://github.com/haoziqaq/varlet/commit/2d68e91c2fc83d1db4063ae576144815e24f17e5))
+* **input:** text-color of disabled in safari ([dd33256](https://github.com/haoziqaq/varlet/commit/dd33256c87f3d708583694e12f17ea19961812a3))
+* **pagination:** add keydown event to switch page ([414decb](https://github.com/haoziqaq/varlet/commit/414decb43bd8009776111a0bf84ad8b967ccb38e))
+* **pagination:** fix current and size not update ([463d891](https://github.com/haoziqaq/varlet/commit/463d8916960c8c9d1a32555f0a405c4b073d0502))
+* **pagination:** remove padding ([83d214a](https://github.com/haoziqaq/varlet/commit/83d214ad80423b67829b9cedf2f338f5ffe4ab25))
+* **ui/button:** remove line-height ([c0d2422](https://github.com/haoziqaq/varlet/commit/c0d2422e1a8735f7acf0459c2c4a2d8ba20bd4e2))
+* **ui/ripple:** add style variables ([551a666](https://github.com/haoziqaq/varlet/commit/551a66696c2e87fdbc2fe9b04f89350affc64d8a))
+* **ui/ripple, ui/menu:** opt ripple animation, fix menu left error on transition animation running ([0f714de](https://github.com/haoziqaq/varlet/commit/0f714de1c40af46116fd07d7717525c2c63d0470))
+* **ui/skeleton:** add avatar-border-radius css vars ([ddf259f](https://github.com/haoziqaq/varlet/commit/ddf259fab66bb0630e78c48fccd63429b87d2f0f))
+* **ui/table:** add table-tbody-td-font-size variable ([861217e](https://github.com/haoziqaq/varlet/commit/861217e49fc1594d66182a076c648bef4d462942))
+* fix component path name ([bbd8b1f](https://github.com/haoziqaq/varlet/commit/bbd8b1fbd62bdc4a084eb53f63f3d896f7ca4c1a))
+* remove console ([3ee3548](https://github.com/haoziqaq/varlet/commit/3ee35486f9ad760e7463a7fe981edcf29eb336be))
+
+
+### Features
+
+* **cli:** add preview command that can preview document site for production ([3fea1f1](https://github.com/haoziqaq/varlet/commit/3fea1f1fed8a2f0fdb0d2fd5e7880531335a6711))
+* **pagination:** add declaration file ([30fd32b](https://github.com/haoziqaq/varlet/commit/30fd32b9f5af842c7fd187e5aed9535d0eb5d195))
+* **table:** add declaration file ([30072d3](https://github.com/haoziqaq/varlet/commit/30072d3ccd2f6cddcf7ddbc734d85266489d9d32))
+* pagination ([62b27a8](https://github.com/haoziqaq/varlet/commit/62b27a8fde6c647cd072093ca0398348498a56e2))
+* **cli:** migrate the build tool to vite ([c0eb94c](https://github.com/haoziqaq/varlet/commit/c0eb94c3c82683abb49b8561e181e75aa843aac4))
+* **ui/pagination:** ui/pagination ([3f8e24c](https://github.com/haoziqaq/varlet/commit/3f8e24c075c31853b2a6de94bcd02b4bb4195d2c))
+* **ui/table:** ui/table ([abd3f7d](https://github.com/haoziqaq/varlet/commit/abd3f7da5001902870ad7a322cfa5122c41ed395))
+
+
+
+
+
 # [1.21.0](https://github.com/haoziqaq/varlet/compare/v1.20.0...v1.21.0) (2021-09-22)
 
 

package/es/action-sheet/actionSheet.css

@@ -1 +1 @@
-:root { --action-sheet-border-radius: 2px; --action-sheet-title-color: #888; --action-sheet-title-padding: 10px 16px; --action-sheet-title-font-size: 14px; --action-sheet-action-item-height: 48px; --action-sheet-action-item-padding: 0px 18px; --action-sheet-action-item-color: #333; --action-sheet-action-item-disabled-color: var(--color-disabled); --action-sheet-icon-margin: 0 20px 0 0; --action-sheet-icon-size: 24px; --action-sheet-background: #fff;}.var-action-sheet { padding: 10px 0; max-height: 80%; background: var(--action-sheet-background);}.var-action-sheet__popup-radius { border-radius: var(--action-sheet-border-radius);}.var-action-sheet__title { padding: var(--action-sheet-title-padding); color: var(--action-sheet-title-color); font-size: var(--action-sheet-title-font-size);}.var-action-sheet__action-item { display: flex; align-items: center; height: var(--action-sheet-action-item-height); padding: var(--action-sheet-action-item-padding); color: var(--action-sheet-action-item-color); cursor: pointer;}.var-action-sheet__action-name { overflow: auto; max-height: var(--action-sheet-action-item-height);}.var-action-sheet__action-icon[var-action-sheet-cover] { margin: var(--action-sheet-icon-margin); width: var(--action-sheet-icon-size); height: var(--action-sheet-icon-size); font-size: var(--action-sheet-icon-size);}.var-action-sheet--disabled { color: var(--action-sheet-action-item-disabled-color) !important; cursor: not-allowed;}
+:root { --action-sheet-border-radius: 2px; --action-sheet-title-color: #888; --action-sheet-title-padding: 10px 16px; --action-sheet-title-font-size: 14px; --action-sheet-action-item-height: 48px; --action-sheet-action-item-padding: 0px 18px; --action-sheet-action-item-color: #333; --action-sheet-action-item-disabled-color: var(--color-text-disabled); --action-sheet-icon-margin: 0 20px 0 0; --action-sheet-icon-size: 24px; --action-sheet-background: #fff;}.var-action-sheet { padding: 10px 0; max-height: 80%; background: var(--action-sheet-background);}.var-action-sheet__popup-radius { border-radius: var(--action-sheet-border-radius);}.var-action-sheet__title { padding: var(--action-sheet-title-padding); color: var(--action-sheet-title-color); font-size: var(--action-sheet-title-font-size);}.var-action-sheet__action-item { display: flex; align-items: center; height: var(--action-sheet-action-item-height); padding: var(--action-sheet-action-item-padding); color: var(--action-sheet-action-item-color); cursor: pointer;}.var-action-sheet__action-name { overflow: auto; max-height: var(--action-sheet-action-item-height);}.var-action-sheet__action-icon[var-action-sheet-cover] { margin: var(--action-sheet-icon-margin); width: var(--action-sheet-icon-size); height: var(--action-sheet-icon-size); font-size: var(--action-sheet-icon-size);}.var-action-sheet--disabled { color: var(--action-sheet-action-item-disabled-color) !important; cursor: not-allowed;}

package/es/action-sheet/actionSheet.less

@@ -5,7 +5,7 @@
 @action-sheet-action-item-height: 48px;
 @action-sheet-action-item-padding: 0px 18px;
 @action-sheet-action-item-color: #333;
-@action-sheet-action-item-disabled-color: var(--color-disabled);
+@action-sheet-action-item-disabled-color: var(--color-text-disabled);
 @action-sheet-icon-margin: 0 20px 0 0;
 @action-sheet-icon-size: 24px;
 @action-sheet-background: #fff;

package/es/back-top/BackTop.js

@@ -16,7 +16,7 @@ export function render(_ctx, _cache) {
   }, [_renderSlot(_ctx.$slots, "default", {}, () => [_createVNode(_component_var_button, {
     type: "primary",
     round: "",
-    class: "var-back-top__button"
+    "var-back-top-cover": ""
   }, {
     default: _withCtx(() => [_createVNode(_component_var_icon, {
       name: "chevron-up"

package/es/back-top/backTop.css

@@ -1 +1 @@
-:root { --back-top-right: 40px; --back-top-bottom: 40px; --back-top-button-size: 40px;}.var-back-top { position: fixed; right: var(--back-top-right); bottom: var(--back-top-bottom); transform: scale(0); transition: 0.3s var(--cubic-bezier); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}.var-back-top__button { width: var(--back-top-button-size); height: var(--back-top-button-size);}.var-back-top--active { transform: scale(1);}
+:root { --back-top-right: 40px; --back-top-bottom: 40px; --back-top-button-size: 40px;}.var-back-top { position: fixed; right: var(--back-top-right); bottom: var(--back-top-bottom); transform: scale(0); transition: 0.3s var(--cubic-bezier); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}.var-back-top .var-button[var-back-top-cover] { width: var(--back-top-button-size); height: var(--back-top-button-size);}.var-back-top--active { transform: scale(1);}

package/es/back-top/backTop.less

@@ -16,7 +16,7 @@
   transition: 0.3s var(--cubic-bezier);
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 
-  &__button {
+  .var-button[var-back-top-cover] {
     width: var(--back-top-button-size);
     height: var(--back-top-button-size);
   }

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: #bdbdbd; --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; line-height: 1.2; border-radius: var(--button-border-radius); user-select: none; cursor: pointer; font-family: inherit; transition: box-shadow 0.2s; will-change: box-shadow; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); white-space: nowrap;}.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; will-change: box-shadow; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); white-space: nowrap;}.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;}

package/es/button/button.less

@@ -5,7 +5,7 @@
 @button-warning-color: var(--color-warning);
 @button-info-color: var(--color-info);
 @button-disabled-color: var(--color-disabled);
-@button-disabled-text-color: #bdbdbd;
+@button-disabled-text-color: var(--color-text-disabled);
 @button-border-radius: 4px;
 @button-mini-padding: 0 9px;
 @button-small-padding: 0 11px;
@@ -44,7 +44,6 @@
   align-items: center;
   outline: none;
   border: none;
-  line-height: 1.2;
   border-radius: var(--button-border-radius);
   user-select: none;
   cursor: pointer;

package/es/checkbox/checkbox.css

@@ -1 +1 @@
-:root { --checkbox-checked-color: var(--color-primary); --checkbox-unchecked-color: #555; --checkbox-disabled-color: #aaa; --checkbox-error-color: var(--color-danger); --checkbox-action-padding: 6px; --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 { display: flex; justify-content: center; align-items: center; padding: var(--checkbox-action-padding); border-radius: 50%;}.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);}.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-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 { display: flex; justify-content: center; align-items: center; padding: var(--checkbox-action-padding); border-radius: 50%;}.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);}.var-checkbox--error { color: var(--checkbox-error-color);}

package/es/checkbox/checkbox.less

@@ -1,6 +1,6 @@
 @checkbox-checked-color: var(--color-primary);
 @checkbox-unchecked-color: #555;
-@checkbox-disabled-color: #aaa;
+@checkbox-disabled-color: var(--color-text-disabled);
 @checkbox-error-color: var(--color-danger);
 @checkbox-action-padding: 6px;
 @checkbox-icon-size: 24px;

package/es/counter/Counter.js

@@ -28,7 +28,7 @@ export function render(_ctx, _cache) {
   return _openBlock(), _createElementBlock("div", _hoisted_1, [_createElementVNode("div", _mergeProps({
     class: ["var-counter__controller var-elevation--2", [_ctx.disabled || _ctx.formDisabled ? 'var-counter--disabled' : null, _ctx.errorMessage ? 'var-counter--error' : null]],
     style: {
-      background: _ctx.color ? _ctx.color : null
+      background: _ctx.color ? _ctx.color : undefined
     }
   }, _ctx.$attrs), [_withDirectives(_createVNode(_component_var_icon, {
     class: _normalizeClass(["var-counter__decrement-button", [!_ctx.decrementButton ? 'var-counter--hidden' : null]]),

package/es/counter/counter.css

@@ -1 +1 @@
-:root { --counter-padding: 0 4px; --counter-font-color: #fff; --counter-background: var(--color-primary); --counter-input-width: 28px; --counter-input-margin: 0 4px; --counter-input-font-size: 14px; --counter-button-size: 28px; --counter-button-icon-size: 100%; --counter-disabled-color: #aaa; --input-error-color: var(--color-danger);}.var-counter { display: inline-flex; flex-direction: column; align-items: flex-start;}.var-counter__controller { display: flex; align-items: center; color: var(--counter-font-color); border-radius: var(--counter-button-size); padding: var(--counter-padding); background: var(--counter-background);}.var-counter__decrement-button[var-counter-cover] { width: var(--counter-button-size); height: var(--counter-button-size); font-size: var(--counter-button-icon-size); border-radius: 50%; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}.var-counter__input { width: var(--counter-input-width); font-size: var(--counter-input-font-size); outline: none; border: none; background: transparent; padding: 0; text-align: center; color: var(--counter-font-color); margin: var(--counter-input-margin);}.var-counter__input[disabled] { background: transparent;}.var-counter__increment-button[var-counter-cover] { width: var(--counter-button-size); height: var(--counter-button-size); font-size: var(--counter-button-icon-size); border-radius: 50%; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}.var-counter--disabled { background: var(--counter-disabled-color);}.var-counter--hidden { opacity: 0;}.var-counter--error { background: var(--color-danger);}
+:root { --counter-padding: 0 4px; --counter-font-color: #fff; --counter-background: var(--color-primary); --counter-input-width: 28px; --counter-input-margin: 0 4px; --counter-input-font-size: 14px; --counter-button-size: 28px; --counter-button-icon-size: 100%; --counter-disabled-color: var(--color-text-disabled); --input-error-color: var(--color-danger);}.var-counter { display: inline-flex; flex-direction: column; align-items: flex-start;}.var-counter__controller { display: flex; align-items: center; color: var(--counter-font-color); border-radius: var(--counter-button-size); padding: var(--counter-padding); background: var(--counter-background);}.var-counter__decrement-button[var-counter-cover] { width: var(--counter-button-size); height: var(--counter-button-size); font-size: var(--counter-button-icon-size); border-radius: 50%; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}.var-counter__input { width: var(--counter-input-width); font-size: var(--counter-input-font-size); outline: none; border: none; background: transparent; padding: 0; text-align: center; color: var(--counter-font-color); margin: var(--counter-input-margin);}.var-counter__input[disabled] { background: transparent;}.var-counter__increment-button[var-counter-cover] { width: var(--counter-button-size); height: var(--counter-button-size); font-size: var(--counter-button-icon-size); border-radius: 50%; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}.var-counter--disabled { background: var(--counter-disabled-color);}.var-counter--hidden { opacity: 0;}.var-counter--error { background: var(--color-danger);}

package/es/counter/counter.less

@@ -6,7 +6,7 @@
 @counter-input-font-size: 14px;
 @counter-button-size: 28px;
 @counter-button-icon-size: 100%;
-@counter-disabled-color: #aaa;
+@counter-disabled-color: var(--color-text-disabled);
 @input-error-color: var(--color-danger);
 
 :root {

package/es/index.js

@@ -31,6 +31,7 @@ import Loading, * as LoadingModule from './loading'
 import Locale, * as LocaleModule from './locale'
 import Menu, * as MenuModule from './menu'
 import Option, * as OptionModule from './option'
+import Pagination, * as PaginationModule from './pagination'
 import Picker, * as PickerModule from './picker'
 import Popup, * as PopupModule from './popup'
 import Progress, * as ProgressModule from './progress'
@@ -53,6 +54,7 @@ import SwipeItem, * as SwipeItemModule from './swipe-item'
 import Switch, * as SwitchModule from './switch'
 import Tab, * as TabModule from './tab'
 import TabItem, * as TabItemModule from './tab-item'
+import Table, * as TableModule from './table'
 import Tabs, * as TabsModule from './tabs'
 import TabsItems, * as TabsItemsModule from './tabs-items'
 import TimePicker, * as TimePickerModule from './time-picker'
@@ -91,6 +93,7 @@ export const _LoadingComponent = LoadingModule._LoadingComponent || {}
 export const _LocaleComponent = LocaleModule._LocaleComponent || {}
 export const _MenuComponent = MenuModule._MenuComponent || {}
 export const _OptionComponent = OptionModule._OptionComponent || {}
+export const _PaginationComponent = PaginationModule._PaginationComponent || {}
 export const _PickerComponent = PickerModule._PickerComponent || {}
 export const _PopupComponent = PopupModule._PopupComponent || {}
 export const _ProgressComponent = ProgressModule._ProgressComponent || {}
@@ -113,6 +116,7 @@ export const _SwipeItemComponent = SwipeItemModule._SwipeItemComponent || {}
 export const _SwitchComponent = SwitchModule._SwitchComponent || {}
 export const _TabComponent = TabModule._TabComponent || {}
 export const _TabItemComponent = TabItemModule._TabItemComponent || {}
+export const _TableComponent = TableModule._TableComponent || {}
 export const _TabsComponent = TabsModule._TabsComponent || {}
 export const _TabsItemsComponent = TabsItemsModule._TabsItemsComponent || {}
 export const _TimePickerComponent = TimePickerModule._TimePickerComponent || {}
@@ -153,6 +157,7 @@ function install(app) {
   Locale.install && app.use(Locale)
   Menu.install && app.use(Menu)
   Option.install && app.use(Option)
+  Pagination.install && app.use(Pagination)
   Picker.install && app.use(Picker)
   Popup.install && app.use(Popup)
   Progress.install && app.use(Progress)
@@ -175,6 +180,7 @@ function install(app) {
   Switch.install && app.use(Switch)
   Tab.install && app.use(Tab)
   TabItem.install && app.use(TabItem)
+  Table.install && app.use(Table)
   Tabs.install && app.use(Tabs)
   TabsItems.install && app.use(TabsItems)
   TimePicker.install && app.use(TimePicker)
@@ -216,6 +222,7 @@ export {
   Locale,
   Menu,
   Option,
+  Pagination,
   Picker,
   Popup,
   Progress,
@@ -238,6 +245,7 @@ export {
   Switch,
   Tab,
   TabItem,
+  Table,
   Tabs,
   TabsItems,
   TimePicker,
@@ -279,6 +287,7 @@ export default {
   Locale,
   Menu,
   Option,
+  Pagination,
   Picker,
   Popup,
   Progress,
@@ -301,6 +310,7 @@ export default {
   Switch,
   Tab,
   TabItem,
+  Table,
   Tabs,
   TabsItems,
   TimePicker,

package/es/input/input.css

@@ -1 +1 @@
-:root { --input-input-text-color: #555; --input-error-color: var(--color-danger); --input-blur-color: #888; --input-focus-color: var(--color-primary); --input-placeholder-size: 16px; --input-textarea-height: auto; --input-textarea-padding-top: 8px; --input-icon-padding: 16px 0 0; --input-icon-size: 20px; --input-line-size: 1px; --input-line-spread-size: 2px; --input-disabled-color: #aaa;}.var-input-footer-margin-enter-from,.var-input-footer-margin-leave-to { opacity: 0; margin-top: 2px !important;}.var-input-footer-margin-enter-active,.var-input-footer-margin-leave-active { transition: 0.2s all var(--cubic-bezier);}.var-input { width: 100%; color: var(--input-input-text-color);}.var-input__controller { width: 100%; display: flex; position: relative;}.var-input__wrap { position: relative; flex-grow: 1; display: flex; flex-direction: column; padding-top: var(--input-placeholder-size);}.var-input__icon { display: flex; align-items: center; padding: var(--input-icon-padding); font-size: 20px;}.var-input__placeholder { position: absolute; top: 50%; left: 0; transform-origin: left; transition-property: top, transform; transition-duration: 0.3s; transform: translate(0, calc(-50% + var(--input-placeholder-size) / 2)) scale(1); font-size: var(--input-placeholder-size);}.var-input__textarea-placeholder { position: absolute; top: 0; left: 0; transform-origin: left; transition: transform 0.3s; transform: translate(0, calc(var(--input-textarea-padding-top) + var(--input-placeholder-size))) scale(1); font-size: var(--input-placeholder-size);}.var-input__autocomplete { width: 0; height: 0; padding: 0; border: none; outline: none; font-size: 0;}.var-input__input { width: 100%; height: 32px; padding: 0; outline: none; border: none; font-size: inherit; background: transparent; color: var(--input-input-text-color); caret-color: var(--input-focus-color);}.var-input__line { width: 100%; height: var(--input-line-size); background: var(--input-blur-color);}.var-input__dot { width: 100%; height: var(--input-line-spread-size); background: var(--input-focus-color); transform: scaleX(0); transform-origin: center; transition: transform 0.3s var(--cubic-bezier);}.var-input__clear-icon[var-input-cover] { display: flex; margin-left: 4px;}.var-input--textarea { padding-top: var(--input-textarea-padding-top); height: var(--input-textarea-height);}.var-input--placeholder-hint { top: 0; transform: translate(0, 0) scale(0.75);}.var-input--placeholder-non-hint { top: 50%; transform: translate(0, -50%) scale(1);}.var-input--non-hint { padding-top: 0;}.var-input--placeholder-hidden { visibility: hidden;}.var-input--focus { color: var(--input-focus-color);}.var-input--spread { transform: scaleX(1);}.var-input--disabled { color: var(--input-disabled-color);}.var-input--error { color: var(--input-error-color);}.var-input--line-disabled { background: var(--input-disabled-color);}.var-input--line-error { background: var(--input-error-color);}.var-input--caret-error { caret-color: var(--input-error-color);}
+:root { --input-input-text-color: #555; --input-error-color: var(--color-danger); --input-blur-color: #888; --input-focus-color: var(--color-primary); --input-placeholder-size: 16px; --input-textarea-height: auto; --input-textarea-padding-top: 8px; --input-icon-padding: 16px 0 0; --input-icon-size: 20px; --input-line-size: 1px; --input-line-spread-size: 2px; --input-disabled-color: var(--color-text-disabled);}.var-input-footer-margin-enter-from,.var-input-footer-margin-leave-to { opacity: 0; margin-top: 2px !important;}.var-input-footer-margin-enter-active,.var-input-footer-margin-leave-active { transition: 0.2s all var(--cubic-bezier);}.var-input { width: 100%; color: var(--input-input-text-color);}.var-input__controller { width: 100%; display: flex; position: relative;}.var-input__wrap { position: relative; flex-grow: 1; display: flex; flex-direction: column; padding-top: var(--input-placeholder-size);}.var-input__icon { display: flex; align-items: center; padding: var(--input-icon-padding); font-size: 20px;}.var-input__placeholder { position: absolute; top: 50%; left: 0; transform-origin: left; transition-property: top, transform; transition-duration: 0.3s; transform: translate(0, calc(-50% + var(--input-placeholder-size) / 2)) scale(1); font-size: var(--input-placeholder-size);}.var-input__textarea-placeholder { position: absolute; top: 0; left: 0; transform-origin: left; transition: transform 0.3s; transform: translate(0, calc(var(--input-textarea-padding-top) + var(--input-placeholder-size))) scale(1); font-size: var(--input-placeholder-size);}.var-input__autocomplete { width: 0; height: 0; padding: 0; border: none; outline: none; font-size: 0;}.var-input__input { width: 100%; height: 32px; padding: 0; outline: none; border: none; font-size: inherit; background: transparent; color: var(--input-input-text-color); caret-color: var(--input-focus-color);}.var-input__line { width: 100%; height: var(--input-line-size); background: var(--input-blur-color);}.var-input__dot { width: 100%; height: var(--input-line-spread-size); background: var(--input-focus-color); transform: scaleX(0); transform-origin: center; transition: transform 0.3s var(--cubic-bezier);}.var-input__clear-icon[var-input-cover] { display: flex; margin-left: 4px;}.var-input--textarea { padding-top: var(--input-textarea-padding-top); height: var(--input-textarea-height);}.var-input--placeholder-hint { top: 0; transform: translate(0, 0) scale(0.75);}.var-input--placeholder-non-hint { top: 50%; transform: translate(0, -50%) scale(1);}.var-input--non-hint { padding-top: 0;}.var-input--placeholder-hidden { visibility: hidden;}.var-input--focus { color: var(--input-focus-color);}.var-input--spread { transform: scaleX(1);}.var-input--disabled { -webkit-text-fill-color: var(--input-disabled-color); opacity: 1; color: var(--input-disabled-color);}.var-input--error { color: var(--input-error-color);}.var-input--line-disabled { background: var(--input-disabled-color);}.var-input--line-error { background: var(--input-error-color);}.var-input--caret-error { caret-color: var(--input-error-color);}

package/es/input/input.less

@@ -9,7 +9,7 @@
 @input-icon-size: 20px;
 @input-line-size: 1px;
 @input-line-spread-size: 2px;
-@input-disabled-color: #aaa;
+@input-disabled-color: var(--color-text-disabled);
 
 :root {
   --input-input-text-color: @input-input-text-color;
@@ -158,6 +158,8 @@
   }
 
   &--disabled {
+    -webkit-text-fill-color: var(--input-disabled-color);
+    opacity: 1;
     color: var(--input-disabled-color);
   }
 

package/es/less.js

@@ -31,6 +31,7 @@ import './loading/style/less'
 import './locale/style/less'
 import './menu/style/less'
 import './option/style/less'
+import './pagination/style/less'
 import './picker/style/less'
 import './popup/style/less'
 import './progress/style/less'
@@ -53,6 +54,7 @@ import './swipe-item/style/less'
 import './switch/style/less'
 import './tab/style/less'
 import './tab-item/style/less'
+import './table/style/less'
 import './tabs/style/less'
 import './tabs-items/style/less'
 import './time-picker/style/less'

package/es/locale/en-US.js

@@ -94,5 +94,9 @@ export default {
       abbr: 'S'
     }
   },
-  selected: ' selected'
+  selected: ' selected',
+  // pagination
+  paginationItem: '',
+  paginationPage: 'page',
+  paginationJump: 'Go to'
 };

package/es/locale/zh-CN.js

@@ -94,5 +94,9 @@ export default {
       abbr: '六'
     }
   },
-  selected: '个被选择'
+  selected: '个被选择',
+  // pagination
+  paginationItem: '条',
+  paginationPage: '页',
+  paginationJump: '前往'
 };

package/es/menu/Menu.js

@@ -2,7 +2,7 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try
 
 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 { defineComponent, ref, watch, onMounted, onUnmounted, nextTick } from 'vue';
+import { defineComponent, ref, watch, onMounted, onUnmounted } from 'vue';
 import { props } from './props';
 import { getLeft, getTop, toSizeUnit } from '../utils/elements';
 import { useZIndex } from '../context/zIndex';
@@ -93,7 +93,6 @@ export default defineComponent({
           onOpen,
           onClose
         } = props;
-        yield nextTick();
         newValue && resize();
         newValue ? onOpen == null ? void 0 : onOpen() : onClose == null ? void 0 : onClose();
       });