@varlet/ui 1.22.0-alpha.4 → 1.22.0-alpha.65

package/es/pagination/pagination.less

@@ -0,0 +1,148 @@
+@pagination-font-size: var(--font-size-md);
+@pagination-active-color: #fff;
+@pagination-active-bg-color: var(--color-primary);
+@pagination-hover-bg-color: rgb(245, 245, 245);
+@pagination-total-margin: 0 12px;
+@pagination-item-width: 32px;
+@pagination-item-height: 32px;
+@pagination-item-margin: 0 6px;
+@pagination-item-border-radius: 4px;
+@pagination-list-bg-color: #fff;
+@pagination-list-active-bg-color: #dbe4fd;
+@pagination-list-active-color: var(--color-primary);
+@pagination-input-width: 32px;
+@pagination-simple-padding: 0 0 2px 0;
+@pagination-disabled-color: var(--color-disabled);
+
+:root {
+  --pagination-font-size: @pagination-font-size;
+  --pagination-active-color: @pagination-active-color;
+  --pagination-active-bg-color: @pagination-active-bg-color;
+  --pagination-hover-bg-color: @pagination-hover-bg-color;
+  --pagination-total-margin: @pagination-total-margin;
+  --pagination-item-width: @pagination-item-width;
+  --pagination-item-height: @pagination-item-height;
+  --pagination-item-margin: @pagination-item-margin;
+  --pagination-item-border-radius: @pagination-item-border-radius;
+  --pagination-list-bg-color: @pagination-list-bg-color;
+  --pagination-list-active-bg-color: @pagination-list-active-bg-color;
+  --pagination-list-active-color: @pagination-list-active-color;
+  --pagination-input-width: @pagination-input-width;
+  --pagination-simple-padding: @pagination-simple-padding;
+  --pagination-disabled-color: @pagination-disabled-color;
+}
+
+// Mixins
+.pagination-flex-nowrap {
+  display: flex;
+  white-space: nowrap;
+  align-items: center;
+}
+
+.var-pagination {
+  display: flex;
+  list-style: none;
+  margin: 0;
+  font-size: var(--pagination-font-size);
+  padding: 0;
+
+  &__item {
+    display: inline-flex;
+    min-width: var(--pagination-item-width);
+    align-items: center;
+    justify-content: center;
+    margin: var(--pagination-item-margin);
+    height: var(--pagination-item-height);
+    cursor: pointer;
+    border-radius: var(--pagination-item-border-radius);
+    outline: none;
+    transition: all 0.3s;
+    user-select: none;
+
+    &:hover {
+      background-color: var(--pagination-hover-bg-color);
+    }
+
+    &-active {
+      color: var(--pagination-active-color);
+      background-color: var(--pagination-active-bg-color) !important;
+    }
+
+    &-hide {
+      display: none;
+    }
+
+    &-disabled {
+      cursor: default !important;
+      color: var(--pagination-disabled-color);
+
+      &:hover {
+        background-color: unset;
+      }
+    }
+  }
+
+  &__prev {
+    margin-left: 0;
+  }
+
+  &__total {
+    margin: var(--pagination-total-margin);
+    .pagination-flex-nowrap();
+  }
+
+  &__size {
+    .pagination-flex-nowrap();
+
+    margin: var(--pagination-item-margin);
+    cursor: pointer;
+  }
+
+  &__list {
+    background-color: var(--pagination-list-bg-color);
+    cursor: pointer;
+
+    &:hover {
+      background-color: var(--pagination-hover-bg-color);
+    }
+
+    &-active {
+      background-color: var(--pagination-list-active-bg-color) !important;
+      color: var(--pagination-list-active-color);
+    }
+  }
+
+  &__quickly,
+  &__simple {
+    .pagination-flex-nowrap();
+
+    [var-pagination-cover] {
+      width: var(--pagination-input-width);
+
+      .var-input__wrap {
+        padding: 0;
+      }
+
+      .var-input__input {
+        height: auto;
+        text-align: center;
+      }
+    }
+  }
+
+  &__quickly {
+    margin: var(--pagination-item-margin);
+
+    [var-pagination-cover] {
+      margin-left: 6px;
+    }
+  }
+
+  &__size-open-icon {
+    font-size: inherit;
+  }
+
+  &--simple-padding {
+    padding: var(--pagination-simple-padding);
+  }
+}

package/es/pagination/porps.js

@@ -0,0 +1,43 @@
+export var props = {
+  current: {
+    type: [Number, String]
+  },
+  size: {
+    type: [Number, String],
+    default: 10
+  },
+  total: {
+    type: [Number, String],
+    default: 0
+  },
+  maxPagerCount: {
+    type: Number,
+    default: 3
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  simple: {
+    type: Boolean,
+    default: true
+  },
+  showSizeChanger: {
+    type: Boolean,
+    default: true
+  },
+  showQuickJumper: {
+    type: Boolean,
+    default: false
+  },
+  sizeOption: {
+    type: Array,
+    default: () => [10, 20, 50, 100]
+  },
+  showTotal: {
+    type: Function
+  },
+  onChange: {
+    type: Function
+  }
+};

package/es/pagination/style/index.js

@@ -0,0 +1,8 @@
+import '../../styles/common.css'
+import '../../menu/menu.css'
+import '../../cell/cell.css'
+import '../../input/input.css'
+import '../../ripple/ripple.css'
+import '../../icon/icon.css'
+import '../pagination.css'
+import '../PaginationSfc.css'

package/es/pagination/style/less.js

@@ -0,0 +1,8 @@
+import '../../styles/common.less'
+import '../../menu/menu.less'
+import '../../cell/cell.less'
+import '../../input/input.less'
+import '../../ripple/ripple.less'
+import '../../icon/icon.less'
+import '../pagination.less'
+import '../PaginationSfc.less'

package/es/ripple/ripple.css

@@ -1 +1 @@
-.var-ripple { position: absolute; transition: transform 0.2s cubic-bezier(0.68, 0.01, 0.62, 0.6), opacity 0.08s linear; top: 0; left: 0; border-radius: 50%; opacity: 0; will-change: transform, opacity; pointer-events: none; z-index: 100;}
+:root { --ripple-cubic-bezier: cubic-bezier(0.68, 0.01, 0.62, 0.6);}.var-ripple { position: absolute; transition: transform 0.2s var(--ripple-cubic-bezier), opacity 0.14s linear; top: 0; left: 0; border-radius: 50%; opacity: 0; will-change: transform, opacity; pointer-events: none; z-index: 100;}

package/es/ripple/ripple.less

@@ -1,6 +1,12 @@
+@ripple-cubic-bezier: cubic-bezier(0.68, 0.01, 0.62, 0.6);
+
+:root {
+  --ripple-cubic-bezier: @ripple-cubic-bezier;
+}
+
 .var-ripple {
   position: absolute;
-  transition: transform 0.2s cubic-bezier(0.68, 0.01, 0.62, 0.6), opacity 0.08s linear;
+  transition: transform 0.2s var(--ripple-cubic-bezier), opacity 0.14s linear;
   top: 0;
   left: 0;
   border-radius: 50%;

package/es/skeleton/skeleton.css

@@ -1 +1 @@
-:root { --skeleton-content-padding: 16px; --skeleton-card-height: 160px; --skeleton-card-border-radius: 4px; --skeleton-card-margin-bottom: 16px; --skeleton-card-background-color: rgba(0, 0, 0, 0.12); --skeleton-animation-background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0)); --skeleton-avatar-size: 34px; --skeleton-avatar-margin-right: 16px; --skeleton-avatar-background-color: rgba(0, 0, 0, 0.12); --skeleton-title-width: 50%; --skeleton-title-border-radius: 10px; --skeleton-title-background-color: rgba(0, 0, 0, 0.12); --skeleton-row-height: 12px; --skeleton-row-border-radius: 10px; --skeleton-row-margin-top: 10px;}@keyframes var-skeleton-animation { from { transform: translateX(-100%); } to { transform: translateX(100%); }}.var-skeleton { width: 100%;}.var-skeleton__content { padding: var(--skeleton-content-padding);}.var-skeleton__card { position: relative; overflow: hidden; width: 100%; height: var(--skeleton-card-height); background-color: var(--skeleton-card-background-color); margin-bottom: var(--skeleton-card-margin-bottom); border-radius: var(--skeleton-card-border-radius);}.var-skeleton__article { display: flex; width: 100%;}.var-skeleton__avatar { position: relative; overflow: hidden; flex-shrink: 0; width: var(--skeleton-avatar-size); height: var(--skeleton-avatar-size); border-radius: 50%; background-color: var(--skeleton-avatar-background-color); margin-right: var(--skeleton-avatar-margin-right);}.var-skeleton__section { width: 100%; padding-top: 8px;}.var-skeleton__title { position: relative; overflow: hidden; width: var(--skeleton-title-width); height: var(--skeleton-row-height); background-color: var(--skeleton-title-background-color); border-radius: var(--skeleton-title-border-radius);}.var-skeleton__row { position: relative; overflow: hidden; width: 100%; height: var(--skeleton-row-height); background-color: var(--skeleton-title-background-color); margin-top: var(--skeleton-row-margin-top); border-radius: var(--skeleton-row-border-radius);}.var-skeleton__fullscreen { position: fixed; overflow: hidden; top: 0; left: 0; bottom: 0; right: 0; background-color: var(--skeleton-title-background-color);}.var-skeleton--animation::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; animation: var-skeleton-animation 1s infinite; background: var(--skeleton-animation-background);}
+:root { --skeleton-content-padding: 16px; --skeleton-card-height: 160px; --skeleton-card-border-radius: 4px; --skeleton-card-margin-bottom: 16px; --skeleton-card-background-color: rgba(0, 0, 0, 0.12); --skeleton-animation-background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0)); --skeleton-avatar-size: 34px; --skeleton-avatar-border-radius: 50%; --skeleton-avatar-margin-right: 16px; --skeleton-avatar-background-color: rgba(0, 0, 0, 0.12); --skeleton-title-width: 50%; --skeleton-title-border-radius: 10px; --skeleton-title-background-color: rgba(0, 0, 0, 0.12); --skeleton-row-height: 12px; --skeleton-row-border-radius: 10px; --skeleton-row-margin-top: 10px;}@keyframes var-skeleton-animation { from { transform: translateX(-100%); } to { transform: translateX(100%); }}.var-skeleton { width: 100%;}.var-skeleton__content { padding: var(--skeleton-content-padding);}.var-skeleton__card { position: relative; overflow: hidden; width: 100%; height: var(--skeleton-card-height); background-color: var(--skeleton-card-background-color); margin-bottom: var(--skeleton-card-margin-bottom); border-radius: var(--skeleton-card-border-radius);}.var-skeleton__article { display: flex; width: 100%;}.var-skeleton__avatar { position: relative; overflow: hidden; flex-shrink: 0; width: var(--skeleton-avatar-size); height: var(--skeleton-avatar-size); border-radius: var(--skeleton-avatar-border-radius); background-color: var(--skeleton-avatar-background-color); margin-right: var(--skeleton-avatar-margin-right);}.var-skeleton__section { width: 100%; padding-top: 8px;}.var-skeleton__title { position: relative; overflow: hidden; width: var(--skeleton-title-width); height: var(--skeleton-row-height); background-color: var(--skeleton-title-background-color); border-radius: var(--skeleton-title-border-radius);}.var-skeleton__row { position: relative; overflow: hidden; width: 100%; height: var(--skeleton-row-height); background-color: var(--skeleton-title-background-color); margin-top: var(--skeleton-row-margin-top); border-radius: var(--skeleton-row-border-radius);}.var-skeleton__fullscreen { position: fixed; overflow: hidden; top: 0; left: 0; bottom: 0; right: 0; background-color: var(--skeleton-title-background-color);}.var-skeleton--animation::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; animation: var-skeleton-animation 1s infinite; background: var(--skeleton-animation-background);}

package/es/skeleton/skeleton.less

@@ -10,6 +10,7 @@
   hsla(0, 0%, 100%, 0)
 );
 @skeleton-avatar-size: 34px;
+@skeleton-avatar-border-radius: 50%;
 @skeleton-avatar-margin-right: 16px;
 @skeleton-avatar-background-color: rgba(0, 0, 0, 0.12);
 @skeleton-title-width: 50%;
@@ -27,6 +28,7 @@
   --skeleton-card-background-color: @skeleton-card-background-color;
   --skeleton-animation-background: @skeleton-animation-background;
   --skeleton-avatar-size: @skeleton-avatar-size;
+  --skeleton-avatar-border-radius: @skeleton-avatar-border-radius;
   --skeleton-avatar-margin-right: @skeleton-avatar-margin-right;
   --skeleton-avatar-background-color: @skeleton-avatar-background-color;
   --skeleton-title-width: @skeleton-title-width;
@@ -75,7 +77,7 @@
     flex-shrink: 0;
     width: var(--skeleton-avatar-size);
     height: var(--skeleton-avatar-size);
-    border-radius: 50%;
+    border-radius: var(--skeleton-avatar-border-radius);
     background-color: var(--skeleton-avatar-background-color);
     margin-right: var(--skeleton-avatar-margin-right);
   }

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/style.js

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

package/es/table/Table.js

@@ -0,0 +1,43 @@
+import { defineComponent } from 'vue';
+import { toSizeUnit } from '../utils/elements';
+import { renderSlot as _renderSlot, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
+
+var _withScopeId = n => (_pushScopeId(""), n = n(), _popScopeId(), n);
+
+var _hoisted_1 = {
+  class: "var-table var-elevation--1 var--box"
+};
+var _hoisted_2 = {
+  class: "var-table__main"
+};
+var _hoisted_3 = {
+  key: 0,
+  class: "var-table__footer"
+};
+export function render(_ctx, _cache) {
+  return _openBlock(), _createElementBlock("div", _hoisted_1, [_createElementVNode("div", _hoisted_2, [_createElementVNode("table", {
+    class: "var-table__table",
+    style: _normalizeStyle({
+      width: _ctx.toSizeUnit(_ctx.fullWidth)
+    })
+  }, [_renderSlot(_ctx.$slots, "default")], 4
+  /* STYLE */
+  )]), _ctx.$slots.footer ? (_openBlock(), _createElementBlock("div", _hoisted_3, [_renderSlot(_ctx.$slots, "footer")])) : _createCommentVNode("v-if", true)]);
+}
+export default defineComponent({
+  render,
+  name: 'VarTable',
+  props: {
+    fullWidth: {
+      type: [Number, String],
+      default: '100%'
+    }
+  },
+
+  setup() {
+    return {
+      toSizeUnit
+    };
+  }
+
+});

package/es/table/index.js

@@ -0,0 +1,8 @@
+import Table from './Table.js'
+
+Table.install = function (app) {
+  app.component(Table.name, Table);
+};
+
+export var _TableComponent = Table;
+export default Table;

package/es/table/style/index.js

@@ -0,0 +1,4 @@
+import '../../styles/common.css'
+import '../../styles/elevation.css'
+import '../table.css'
+import '../TableSfc.css'

package/es/table/style/less.js

@@ -0,0 +1,4 @@
+import '../../styles/common.less'
+import '../../styles/elevation.less'
+import '../table.less'
+import '../TableSfc.less'

package/es/table/table.css

@@ -0,0 +1 @@
+:root { --table-background: #fff; --table-border-radius: 2px; --table-thead-border-bottom: thin solid rgba(0, 0, 0, 0.12); --table-thead-th-text-color: rgba(0, 0, 0, 0.6); --table-thead-th-font-size: 14px; --table-thead-tr-border-bottom: thin solid rgba(0, 0, 0, 0.12); --table-tbody-tr-hover-background: #eee; --table-tbody-tr-border-bottom: thin solid rgba(0, 0, 0, 0.12); --table-row-height: 46px; --table-row-padding: 0 16px; --table-footer-border-top: thin solid rgba(0, 0, 0, 0.12);}.var-table { width: 100%; background: var(--table-background); border-radius: var(--table-border-radius);}.var-table * { box-sizing: border-box;}.var-table__main { width: 100%; overflow-x: auto;}.var-table__main > table { min-width: 100%; display: table; border-spacing: 0; border-collapse: collapse; line-height: normal;}.var-table__main > table thead { display: table-header-group; border-bottom: var(--table-thead-border-bottom);}.var-table__main > table thead tr th { color: var(--table-thead-th-text-color); font-size: var(--table-thead-th-font-size);}.var-table__main > table thead tr:not(:last-child) { border-bottom: var(--table-thead-tr-border-bottom);}.var-table__main > table tbody { display: table-row-group;}.var-table__main > table tbody tr { display: table-row; outline: 0; vertical-align: middle;}.var-table__main > table tbody tr:hover { background: var(--table-tbody-tr-hover-background);}.var-table__main > table tbody tr:not(:last-child) { border-bottom: var(--table-tbody-tr-border-bottom);}.var-table__main > table th { display: table-cell; height: var(--table-row-height); padding: var(--table-row-padding); font-weight: 500; text-align: left;}.var-table__main > table td { display: table-cell; padding: var(--table-row-padding); height: var(--table-row-height); text-align: left;}.var-table__footer { width: 100%; min-height: var(--table-row-height); border-top: var(--table-footer-border-top);}

package/es/table/table.less

@@ -0,0 +1,103 @@
+@table-background: #fff;
+@table-border-radius: 2px;
+@table-thead-border-bottom: thin solid rgba(0, 0, 0, 0.12);
+@table-thead-th-text-color: rgba(0, 0, 0, 0.6);
+@table-thead-th-font-size: 14px;
+@table-thead-tr-border-bottom: thin solid rgba(0, 0, 0, 0.12);
+@table-tbody-tr-hover-background: #eee;
+@table-tbody-tr-border-bottom: thin solid rgba(0, 0, 0, 0.12);
+@table-row-height: 46px;
+@table-row-padding: 0 16px;
+@table-footer-border-top: thin solid rgba(0, 0, 0, 0.12);
+
+:root {
+  --table-background: @table-background;
+  --table-border-radius: @table-border-radius;
+  --table-thead-border-bottom: @table-thead-border-bottom;
+  --table-thead-th-text-color: @table-thead-th-text-color;
+  --table-thead-th-font-size: @table-thead-th-font-size;
+  --table-thead-tr-border-bottom: @table-thead-tr-border-bottom;
+  --table-tbody-tr-hover-background: @table-tbody-tr-hover-background;
+  --table-tbody-tr-border-bottom: @table-tbody-tr-border-bottom;
+  --table-row-height: @table-row-height;
+  --table-row-padding: @table-row-padding;
+  --table-footer-border-top: @table-footer-border-top;
+}
+
+.var-table {
+  width: 100%;
+  background: var(--table-background);
+  border-radius: var(--table-border-radius);
+
+  * {
+    box-sizing: border-box;
+  }
+
+  &__main {
+    width: 100%;
+    overflow-x: auto;
+
+    > table {
+      min-width: 100%;
+      display: table;
+      border-spacing: 0;
+      border-collapse: collapse;
+      line-height: normal;
+
+      thead {
+        display: table-header-group;
+        border-bottom: var(--table-thead-border-bottom);
+
+        tr {
+          th {
+            color: var(--table-thead-th-text-color);
+            font-size: var(--table-thead-th-font-size);
+          }
+
+          &:not(:last-child) {
+            border-bottom: var(--table-thead-tr-border-bottom);
+          }
+        }
+      }
+
+      tbody {
+        display: table-row-group;
+
+        tr {
+          display: table-row;
+          outline: 0;
+          vertical-align: middle;
+
+          &:hover {
+            background: var(--table-tbody-tr-hover-background);
+          }
+
+          &:not(:last-child) {
+            border-bottom: var(--table-tbody-tr-border-bottom);
+          }
+        }
+      }
+
+      th {
+        display: table-cell;
+        height: var(--table-row-height);
+        padding: var(--table-row-padding);
+        font-weight: 500;
+        text-align: left;
+      }
+
+      td {
+        display: table-cell;
+        padding: var(--table-row-padding);
+        height: var(--table-row-height);
+        text-align: left;
+      }
+    }
+  }
+
+  &__footer {
+    width: 100%;
+    min-height: var(--table-row-height);
+    border-top: var(--table-footer-border-top);
+  }
+}

package/es/umdIndex.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 @@ import './loading/style'
 import './locale/style'
 import './menu/style'
 import './option/style'
+import './pagination/style'
 import './picker/style'
 import './popup/style'
 import './progress/style'
@@ -113,6 +116,7 @@ import './swipe-item/style'
 import './switch/style'
 import './tab/style'
 import './tab-item/style'
+import './table/style'
 import './tabs/style'
 import './tabs-items/style'
 import './time-picker/style'
@@ -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/utils/elements.js

@@ -3,6 +3,12 @@ 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 { isNumber, isString, kebabCase, toNumber } from './shared';
+export function getLeft(element) {
+  var {
+    left
+  } = element.getBoundingClientRect();
+  return left + (document.body.scrollLeft || document.documentElement.scrollLeft);
+}
 export function getTop(element) {
   var {
     top
@@ -18,12 +24,6 @@ export function getScrollLeft(element) {
   var left = 'scrollLeft' in element ? element.scrollLeft : element.pageXOffset;
   return Math.max(left, 0);
 }
-export function getLeft(element) {
-  var {
-    left
-  } = element.getBoundingClientRect();
-  return left + (document.body.scrollLeft || document.documentElement.scrollLeft);
-}
 export function inViewport(_x) {
   return _inViewport.apply(this, arguments);
 }

package/highlight/attributes.json

@@ -867,6 +867,46 @@
     "type": "any",
     "description": "选项绑定的值 默认值：-"
   },
+  "var-pagination/current": {
+    "type": "string | number",
+    "description": "当前页数 默认值：1"
+  },
+  "var-pagination/size": {
+    "type": "string | number",
+    "description": "每页条数 默认值：10"
+  },
+  "var-pagination/total": {
+    "type": "string | number",
+    "description": "总条数 默认值：0"
+  },
+  "var-pagination/simple": {
+    "type": "boolean",
+    "description": "是否为简单模式 默认值：true"
+  },
+  "var-pagination/disabled": {
+    "type": "boolean",
+    "description": "禁用分页 默认值：false"
+  },
+  "var-pagination/showSizeChanger": {
+    "type": "boolean",
+    "description": "是否显示 `size` 切换器 默认值：true"
+  },
+  "var-pagination/showQuickJumper": {
+    "type": "boolean",
+    "description": "是否可以快速跳转至某页 默认值：false"
+  },
+  "var-pagination/maxPagerCount": {
+    "type": "number",
+    "description": "省略号间显示的按钮数量 默认值：3"
+  },
+  "var-pagination/sizeOption": {
+    "type": "number[]",
+    "description": "指定每页可以显示多少条 默认值：[10, 20, 50, 100]"
+  },
+  "var-pagination/showTotal": {
+    "type": "function(total, range)",
+    "description": "用于显示数据总量和当前数据顺序 默认值：-"
+  },
   "var-picker/columns": {
     "type": "NormalColumn[] | CascadeColumn[] | Texts",
     "description": "列内容 默认值：[]"
@@ -1196,8 +1236,8 @@
     "description": "触发验证的时机， 可选值为 `onFocus` `onBlur` `onChange` `onClick` `onClear` `onClose` 默认值：['onChange', 'onClear', 'onClose']"
   },
   "var-select/rules": {
-    "type": "Array<(v: any",
-    "description": "验证规则，返回`true`表示验证通过，其余的值则转换为文本作为用户提示 默认值：any[]) => any>_"
+    "type": "Array<(v: any | any[]) => any>",
+    "description": "验证规则，返回`true`表示验证通过，其余的值则转换为文本作为用户提示 默认值：-"
   },
   "var-skeleton/loading": {
     "type": "boolean",
@@ -1467,6 +1507,10 @@
     "type": "string | number",
     "description": "视图的名字 默认值：index"
   },
+  "var-table/fullWidth": {
+    "type": "string | number",
+    "description": "`table` 的宽度(包含可滚动部分) 默认值：100%"
+  },
   "var-tabs/v-model:active": {
     "type": "string",
     "description": "激活的选项卡标识, 优先匹配name，其次是index 默认值：default"