@varlet/ui 1.22.0-alpha.7 → 1.22.1

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/styles/common.css

@@ -1 +1 @@
-.var--box { box-sizing: border-box;}.var--box * { box-sizing: border-box;}.var--relative { position: relative;}.var--absolute { position: absolute;}.var--hidden { overflow: hidden;}.var--lock { overflow: hidden;}.var--block { display: block;}.var--inline-block { display: inline-block;}.var--flex { display: flex;}.var--inline-flex { display: inline-flex;}:root { --font-size-xs: 10px; --font-size-sm: 12px; --font-size-md: 14px; --font-size-lg: 16px; --icon-size-xs: 16px; --icon-size-sm: 18px; --icon-size-md: 20px; --icon-size-lg: 22px; --color-primary: #3a7afe; --color-info: #00afef; --color-success: #00c48f; --color-warning: #ff9f00; --color-danger: #f44336; --color-disabled: #e0e0e0; --cubic-bezier: cubic-bezier(0.25, 0.8, 0.5, 1); --shadow-key-umbra-opacity: rgba(0, 0, 0, 0.2); --shadow-key-penumbra-opacity: rgba(0, 0, 0, 0.14); --shadow-key-ambient-opacity: rgba(0, 0, 0, 0.12);}
+.var--box { box-sizing: border-box;}.var--box * { box-sizing: border-box;}.var--relative { position: relative;}.var--absolute { position: absolute;}.var--hidden { overflow: hidden;}.var--lock { overflow: hidden;}.var--block { display: block;}.var--inline-block { display: inline-block;}.var--flex { display: flex;}.var--inline-flex { display: inline-flex;}:root { --font-size-xs: 10px; --font-size-sm: 12px; --font-size-md: 14px; --font-size-lg: 16px; --icon-size-xs: 16px; --icon-size-sm: 18px; --icon-size-md: 20px; --icon-size-lg: 22px; --color-primary: #3a7afe; --color-info: #00afef; --color-success: #00c48f; --color-warning: #ff9f00; --color-danger: #f44336; --color-disabled: #e0e0e0; --color-text-disabled: #aaa; --cubic-bezier: cubic-bezier(0.25, 0.8, 0.5, 1); --shadow-key-umbra-opacity: rgba(0, 0, 0, 0.2); --shadow-key-penumbra-opacity: rgba(0, 0, 0, 0.14); --shadow-key-ambient-opacity: rgba(0, 0, 0, 0.12);}

package/es/styles/common.less

@@ -57,6 +57,7 @@
   --color-warning: @color-warning;
   --color-danger: @color-danger;
   --color-disabled: @color-disabled;
+  --color-text-disabled: @color-text-disabled;
   --cubic-bezier: @cubic-bezier;
   --shadow-key-umbra-opacity: @shadow-key-umbra-opacity;
   --shadow-key-penumbra-opacity: @shadow-key-penumbra-opacity;

package/es/styles/var.less

@@ -17,6 +17,7 @@
 @color-warning: #ff9f00;
 @color-danger: #f44336;
 @color-disabled: #e0e0e0;
+@color-text-disabled: #aaa;
 
 // 动画函数
 @cubic-bezier: cubic-bezier(0.25, 0.8, 0.5, 1);

package/es/tab/tab.css

@@ -1 +1 @@
-:root { --tab-color: #fff; --tab-padding: 12px; --tab-active-color: var(--color-primary); --tab-inactive-color: #646566; --tab-disabled-color: var(--color-disabled); --tab-font-size: var(--font-size-md);}.var-tab { display: flex; justify-content: center; align-items: center; flex: 1 0 auto; padding: 0 var(--tab-padding); font-size: var(--tab-font-size); color: var(--tab-color); cursor: pointer; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}.var-tab--active { color: var(--tab-active-color);}.var-tab--inactive { color: var(--tab-inactive-color);}.var-tab--disabled { color: var(--tab-disabled-color); cursor: not-allowed;}.var-tab--horizontal { flex-direction: row;}.var-tab--vertical { flex-direction: column;}
+:root { --tab-color: #fff; --tab-padding: 12px; --tab-active-color: var(--color-primary); --tab-inactive-color: #646566; --tab-disabled-color: var(--color-text-disabled); --tab-font-size: var(--font-size-md);}.var-tab { display: flex; justify-content: center; align-items: center; flex: 1 0 auto; padding: 0 var(--tab-padding); font-size: var(--tab-font-size); color: var(--tab-color); cursor: pointer; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}.var-tab--active { color: var(--tab-active-color);}.var-tab--inactive { color: var(--tab-inactive-color);}.var-tab--disabled { color: var(--tab-disabled-color); cursor: not-allowed;}.var-tab--horizontal { flex-direction: row;}.var-tab--vertical { flex-direction: column;}

package/es/tab/tab.less

@@ -2,7 +2,7 @@
 @tab-padding: 12px;
 @tab-active-color: var(--color-primary);
 @tab-inactive-color: #646566;
-@tab-disabled-color: var(--color-disabled);
+@tab-disabled-color: var(--color-text-disabled);
 @tab-font-size: var(--font-size-md);
 
 :root {

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-tbody-td-font-size: 16px; --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 tbody td { font-size: var(--table-tbody-td-font-size);}.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,109 @@
+@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-tbody-td-font-size: 16px;
+@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-tbody-td-font-size: @table-tbody-td-font-size;
+  --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);
+          }
+        }
+
+        td {
+          font-size: var(--table-tbody-td-font-size);
+        }
+      }
+
+      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"

package/highlight/tags.json

@@ -341,6 +341,20 @@
       "value"
     ]
   },
+  "var-pagination": {
+    "attributes": [
+      "current",
+      "size",
+      "total",
+      "simple",
+      "disabled",
+      "showSizeChanger",
+      "showQuickJumper",
+      "maxPagerCount",
+      "sizeOption",
+      "showTotal"
+    ]
+  },
   "var-picker": {
     "attributes": [
       "columns",
@@ -580,6 +594,11 @@
       "name"
     ]
   },
+  "var-table": {
+    "attributes": [
+      "fullWidth"
+    ]
+  },
   "var-tabs": {
     "attributes": [
       "v-model:active",

package/highlight/web-types.json

@@ -2653,6 +2653,117 @@
             }
           ]
         },
+        {
+          "name": "var-pagination",
+          "attributes": [
+            {
+              "name": "current",
+              "description": "当前页数",
+              "default": "1",
+              "value": {
+                "type": "string | number",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "size",
+              "description": "每页条数",
+              "default": "10",
+              "value": {
+                "type": "string | number",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "total",
+              "description": "总条数",
+              "default": "0",
+              "value": {
+                "type": "string | number",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "simple",
+              "description": "是否为简单模式",
+              "default": "true",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "disabled",
+              "description": "禁用分页",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "showSizeChanger",
+              "description": "是否显示 `size` 切换器",
+              "default": "true",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "showQuickJumper",
+              "description": "是否可以快速跳转至某页",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "maxPagerCount",
+              "description": "省略号间显示的按钮数量",
+              "default": "3",
+              "value": {
+                "type": "number",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "sizeOption",
+              "description": "指定每页可以显示多少条",
+              "default": "[10, 20, 50, 100]",
+              "value": {
+                "type": "number[]",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "showTotal",
+              "description": "用于显示数据总量和当前数据顺序",
+              "default": "-",
+              "value": {
+                "type": "function(total, range)",
+                "kind": "expression"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "change",
+              "description": "`current` 或 `size` 改变后的回调"
+            }
+          ],
+          "slots": [
+            {
+              "name": "prev",
+              "description": "上一页按钮内容"
+            },
+            {
+              "name": "next",
+              "description": "下一页按钮内容"
+            }
+          ]
+        },
         {
           "name": "var-picker",
           "attributes": [
@@ -3573,9 +3684,9 @@
             {
               "name": "rules",
               "description": "验证规则，返回`true`表示验证通过，其余的值则转换为文本作为用户提示",
-              "default": "any[]) => any>_",
+              "default": "-",
               "value": {
-                "type": "Array<(v: any",
+                "type": "Array<(v: any | any[]) => any>",
                 "kind": "expression"
               }
             }
@@ -4426,6 +4537,31 @@
             }
           ]
         },
+        {
+          "name": "var-table",
+          "attributes": [
+            {
+              "name": "fullWidth",
+              "description": "`table` 的宽度(包含可滚动部分)",
+              "default": "100%",
+              "value": {
+                "type": "string | number",
+                "kind": "expression"
+              }
+            }
+          ],
+          "events": [],
+          "slots": [
+            {
+              "name": "default",
+              "description": "Table的内容"
+            },
+            {
+              "name": "footer",
+              "description": "Table尾部内容"
+            }
+          ]
+        },
         {
           "name": "var-tabs",
           "attributes": [