vary-ui 3.21.78 → 3.21.79

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/dist/{Loading-Bnj893LO.js → Loading-CSSrEUcI.js} +2 -2
  2. package/dist/{Wrap-CGGz3adO.js → Wrap-CplCCiV1.js} +1 -1
  3. package/dist/lib/Button/Button.js +2 -2
  4. package/dist/lib/Card/Card.js +2 -2
  5. package/dist/lib/Checkbox/Checkbox.js +2 -2
  6. package/dist/lib/CheckboxGroup/CheckboxGroup.js +3 -3
  7. package/dist/lib/Confirm/Confirm.js +2 -2
  8. package/dist/lib/Date/Date.js +4 -4
  9. package/dist/lib/Dialog/Dialog.js +1 -1
  10. package/dist/lib/Divider/Divider.js +1 -1
  11. package/dist/lib/Field/Field.js +3 -3
  12. package/dist/lib/Form/Form.js +2 -2
  13. package/dist/lib/Input/Input.js +4 -4
  14. package/dist/lib/Link/Link.js +2 -2
  15. package/dist/lib/Loading/Loading.js +3 -3
  16. package/dist/lib/Menu/Menu.js +2 -2
  17. package/dist/lib/Message/Message.js +2 -2
  18. package/dist/lib/Pagination/Pagination.js +6 -6
  19. package/dist/lib/Popover/Popover.js +2 -2
  20. package/dist/lib/Radio/Radio.js +2 -2
  21. package/dist/lib/RadioGroup/RadioGroup.js +2 -2
  22. package/dist/lib/Scene/Scene.js +1 -1
  23. package/dist/lib/Scroll/Scroll.js +2 -2
  24. package/dist/lib/Select/Select.js +6 -6
  25. package/dist/lib/Skeleton/Skeleton.js +1 -1
  26. package/dist/lib/Tab/Tab.js +2 -2
  27. package/dist/lib/TabPanel/TabPanel.js +1 -1
  28. package/dist/lib/Table/Table.js +79 -78
  29. package/dist/lib/TableColumn/TableColumn.js +1 -1
  30. package/dist/types/lib/Table/Table.vue.d.ts +1 -1
  31. package/dist/vary-ui.css +1 -1
  32. package/dist/vary-ui.js +6 -6
  33. package/package.json +1 -1
  34. /package/dist/{_plugin-vue_export-helper-eKvxqoHe.js → _plugin-vue_export-helper-qu4sdp0E.js} +0 -0
  35. /package/dist/{_tslib-DzRhYvXs.js → _tslib-06AHO9st.js} +0 -0
  36. /package/dist/{config-B6_Kh58Z.js → config-fgIlOsAk.js} +0 -0
  37. /package/dist/{utils-BDoaZ6T-.js → utils-kKVOv7J9.js} +0 -0
@@ -1,6 +1,6 @@
1
1
  import { defineComponent, ref, onMounted, createVNode } from 'vue';
2
- import { c as config } from './config-B6_Kh58Z.js';
3
- import { _ as _export_sfc } from './_plugin-vue_export-helper-eKvxqoHe.js';
2
+ import { c as config } from './config-fgIlOsAk.js';
3
+ import { _ as _export_sfc } from './_plugin-vue_export-helper-qu4sdp0E.js';
4
4
 
5
5
  var _a;
6
6
  var _sfc_main = /* @__PURE__ */ defineComponent({
@@ -1,5 +1,5 @@
1
1
  import { defineComponent, createVNode } from 'vue';
2
- import { _ as _export_sfc } from './_plugin-vue_export-helper-eKvxqoHe.js';
2
+ import { _ as _export_sfc } from './_plugin-vue_export-helper-qu4sdp0E.js';
3
3
 
4
4
  var _sfc_main = /* @__PURE__ */ defineComponent({
5
5
  props: {
@@ -1,7 +1,7 @@
1
1
  import { defineComponent, computed, createVNode } from 'vue';
2
- import { c as config } from '../../config-B6_Kh58Z.js';
2
+ import { c as config } from '../../config-fgIlOsAk.js';
3
3
  import { Icon } from '@iconify/vue';
4
- import { _ as _export_sfc } from '../../_plugin-vue_export-helper-eKvxqoHe.js';
4
+ import { _ as _export_sfc } from '../../_plugin-vue_export-helper-qu4sdp0E.js';
5
5
 
6
6
  var _sfc_main = /* @__PURE__ */ defineComponent({
7
7
  props: {
@@ -1,6 +1,6 @@
1
1
  import { defineComponent, createVNode, createTextVNode } from 'vue';
2
- import { c as config } from '../../config-B6_Kh58Z.js';
3
- import { _ as _export_sfc } from '../../_plugin-vue_export-helper-eKvxqoHe.js';
2
+ import { c as config } from '../../config-fgIlOsAk.js';
3
+ import { _ as _export_sfc } from '../../_plugin-vue_export-helper-qu4sdp0E.js';
4
4
 
5
5
  var _sfc_main = /* @__PURE__ */ defineComponent({
6
6
  props: {
@@ -1,6 +1,6 @@
1
1
  import { defineComponent, ref, watch, inject, createVNode } from 'vue';
2
- import { c as config } from '../../config-B6_Kh58Z.js';
3
- import { _ as _export_sfc } from '../../_plugin-vue_export-helper-eKvxqoHe.js';
2
+ import { c as config } from '../../config-fgIlOsAk.js';
3
+ import { _ as _export_sfc } from '../../_plugin-vue_export-helper-qu4sdp0E.js';
4
4
 
5
5
  var _sfc_main = /* @__PURE__ */ defineComponent({
6
6
  props: {
@@ -1,8 +1,8 @@
1
1
  import { defineComponent, ref, watch, provide, createVNode } from 'vue';
2
- import { i as isArray } from '../../utils-BDoaZ6T-.js';
2
+ import { i as isArray } from '../../utils-kKVOv7J9.js';
3
3
  import Checkbox from '../Checkbox/Checkbox.js';
4
- import { _ as _export_sfc } from '../../_plugin-vue_export-helper-eKvxqoHe.js';
5
- import '../../config-B6_Kh58Z.js';
4
+ import { _ as _export_sfc } from '../../_plugin-vue_export-helper-qu4sdp0E.js';
5
+ import '../../config-fgIlOsAk.js';
6
6
 
7
7
  var _sfc_main = /* @__PURE__ */ defineComponent({
8
8
  props: {
@@ -1,7 +1,7 @@
1
1
  import { defineComponent, ref, createVNode, createApp, h } from 'vue';
2
2
  import Button from '../Button/Button.js';
3
- import { _ as _export_sfc } from '../../_plugin-vue_export-helper-eKvxqoHe.js';
4
- import '../../config-B6_Kh58Z.js';
3
+ import { _ as _export_sfc } from '../../_plugin-vue_export-helper-qu4sdp0E.js';
4
+ import '../../config-fgIlOsAk.js';
5
5
  import '@iconify/vue';
6
6
 
7
7
  var _sfc_main = /* @__PURE__ */ defineComponent({
@@ -1,11 +1,11 @@
1
1
  import { defineComponent, shallowRef, ref, reactive, watch, createVNode, createTextVNode } from 'vue';
2
- import { n as now, e as isTime, g as isYear, h as isMonth, d as isDate, f as isDateTime } from '../../utils-BDoaZ6T-.js';
2
+ import { n as now, e as isTime, g as isYear, h as isMonth, d as isDate, f as isDateTime } from '../../utils-kKVOv7J9.js';
3
3
  import Popover from '../Popover/Popover.js';
4
4
  import Scroll from '../Scroll/Scroll.js';
5
5
  import Link from '../Link/Link.js';
6
- import { W as Wrap } from '../../Wrap-CGGz3adO.js';
7
- import { c as config } from '../../config-B6_Kh58Z.js';
8
- import { _ as _export_sfc } from '../../_plugin-vue_export-helper-eKvxqoHe.js';
6
+ import { W as Wrap } from '../../Wrap-CplCCiV1.js';
7
+ import { c as config } from '../../config-fgIlOsAk.js';
8
+ import { _ as _export_sfc } from '../../_plugin-vue_export-helper-qu4sdp0E.js';
9
9
 
10
10
  const weeks = ["周日", "周一", "周二", "周三", "周四", "周五", "周六"];
11
11
  const months = ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"].map((r, i) => {
@@ -1,5 +1,5 @@
1
1
  import { defineComponent, ref, watch, onMounted, onBeforeUnmount, createVNode, createTextVNode } from 'vue';
2
- import { _ as _export_sfc } from '../../_plugin-vue_export-helper-eKvxqoHe.js';
2
+ import { _ as _export_sfc } from '../../_plugin-vue_export-helper-qu4sdp0E.js';
3
3
 
4
4
  var _sfc_main = /* @__PURE__ */ defineComponent({
5
5
  props: {
@@ -1,5 +1,5 @@
1
1
  import { defineComponent, createVNode } from 'vue';
2
- import { _ as _export_sfc } from '../../_plugin-vue_export-helper-eKvxqoHe.js';
2
+ import { _ as _export_sfc } from '../../_plugin-vue_export-helper-qu4sdp0E.js';
3
3
 
4
4
  var _sfc_main = /* @__PURE__ */ defineComponent({
5
5
  props: {
@@ -1,8 +1,8 @@
1
1
  import { defineComponent, inject, ref, onMounted, onUnmounted, provide, createVNode } from 'vue';
2
- import { _ as __awaiter } from '../../_tslib-DzRhYvXs.js';
3
- import { c as config } from '../../config-B6_Kh58Z.js';
2
+ import { _ as __awaiter } from '../../_tslib-06AHO9st.js';
3
+ import { c as config } from '../../config-fgIlOsAk.js';
4
4
  import Schema from 'async-validator';
5
- import { _ as _export_sfc } from '../../_plugin-vue_export-helper-eKvxqoHe.js';
5
+ import { _ as _export_sfc } from '../../_plugin-vue_export-helper-qu4sdp0E.js';
6
6
 
7
7
  var _sfc_main = /* @__PURE__ */ defineComponent({
8
8
  props: {
@@ -1,7 +1,7 @@
1
1
  import { defineComponent, ref, provide, createVNode } from 'vue';
2
- import { _ as __awaiter } from '../../_tslib-DzRhYvXs.js';
2
+ import { _ as __awaiter } from '../../_tslib-06AHO9st.js';
3
3
  import Schema from 'async-validator';
4
- import { _ as _export_sfc } from '../../_plugin-vue_export-helper-eKvxqoHe.js';
4
+ import { _ as _export_sfc } from '../../_plugin-vue_export-helper-qu4sdp0E.js';
5
5
 
6
6
  var _sfc_main = /* @__PURE__ */ defineComponent({
7
7
  props: {
@@ -1,8 +1,8 @@
1
1
  import { defineComponent, ref, inject, watch, createVNode, mergeProps } from 'vue';
2
- import { W as Wrap } from '../../Wrap-CGGz3adO.js';
3
- import { c as isFun } from '../../utils-BDoaZ6T-.js';
4
- import { c as config } from '../../config-B6_Kh58Z.js';
5
- import { _ as _export_sfc } from '../../_plugin-vue_export-helper-eKvxqoHe.js';
2
+ import { W as Wrap } from '../../Wrap-CplCCiV1.js';
3
+ import { c as isFun } from '../../utils-kKVOv7J9.js';
4
+ import { c as config } from '../../config-fgIlOsAk.js';
5
+ import { _ as _export_sfc } from '../../_plugin-vue_export-helper-qu4sdp0E.js';
6
6
 
7
7
  var _sfc_main = /* @__PURE__ */ defineComponent({
8
8
  inheritAttrs: false,
@@ -1,6 +1,6 @@
1
1
  import { defineComponent, computed, createVNode } from 'vue';
2
- import { c as config } from '../../config-B6_Kh58Z.js';
3
- import { _ as _export_sfc } from '../../_plugin-vue_export-helper-eKvxqoHe.js';
2
+ import { c as config } from '../../config-fgIlOsAk.js';
3
+ import { _ as _export_sfc } from '../../_plugin-vue_export-helper-qu4sdp0E.js';
4
4
 
5
5
  var _sfc_main = /* @__PURE__ */ defineComponent({
6
6
  props: {
@@ -1,7 +1,7 @@
1
1
  import { shallowRef, createApp, h } from 'vue';
2
- import { L as Loading } from '../../Loading-Bnj893LO.js';
3
- import { c as config } from '../../config-B6_Kh58Z.js';
4
- import '../../_plugin-vue_export-helper-eKvxqoHe.js';
2
+ import { L as Loading } from '../../Loading-CSSrEUcI.js';
3
+ import { c as config } from '../../config-fgIlOsAk.js';
4
+ import '../../_plugin-vue_export-helper-qu4sdp0E.js';
5
5
 
6
6
  const defaultOptions = {
7
7
  lock: false,
@@ -1,7 +1,7 @@
1
1
  import { defineComponent, ref, watch, createVNode } from 'vue';
2
- import { k as debounce } from '../../utils-BDoaZ6T-.js';
2
+ import { k as debounce } from '../../utils-kKVOv7J9.js';
3
3
  import Scroll from '../Scroll/Scroll.js';
4
- import { _ as _export_sfc } from '../../_plugin-vue_export-helper-eKvxqoHe.js';
4
+ import { _ as _export_sfc } from '../../_plugin-vue_export-helper-qu4sdp0E.js';
5
5
 
6
6
  var _sfc_main = /* @__PURE__ */ defineComponent({
7
7
  props: {
@@ -1,6 +1,6 @@
1
1
  import { defineComponent, onMounted, h, createApp } from 'vue';
2
- import { c as config } from '../../config-B6_Kh58Z.js';
3
- import { _ as _export_sfc } from '../../_plugin-vue_export-helper-eKvxqoHe.js';
2
+ import { c as config } from '../../config-fgIlOsAk.js';
3
+ import { _ as _export_sfc } from '../../_plugin-vue_export-helper-qu4sdp0E.js';
4
4
 
5
5
  var _sfc_main = defineComponent({
6
6
  props: {
@@ -1,15 +1,15 @@
1
1
  import { defineComponent, ref, watch, createVNode, createTextVNode } from 'vue';
2
2
  import Select from '../Select/Select.js';
3
- import { c as config } from '../../config-B6_Kh58Z.js';
4
- import { _ as _export_sfc } from '../../_plugin-vue_export-helper-eKvxqoHe.js';
5
- import '../../_tslib-DzRhYvXs.js';
6
- import '../../utils-BDoaZ6T-.js';
3
+ import { c as config } from '../../config-fgIlOsAk.js';
4
+ import { _ as _export_sfc } from '../../_plugin-vue_export-helper-qu4sdp0E.js';
5
+ import '../../_tslib-06AHO9st.js';
6
+ import '../../utils-kKVOv7J9.js';
7
7
  import '../Popover/Popover.js';
8
- import '../../Wrap-CGGz3adO.js';
8
+ import '../../Wrap-CplCCiV1.js';
9
9
  import '../Input/Input.js';
10
10
  import '../Checkbox/Checkbox.js';
11
11
  import '../Scroll/Scroll.js';
12
- import '../../Loading-Bnj893LO.js';
12
+ import '../../Loading-CSSrEUcI.js';
13
13
 
14
14
  var _sfc_main = /* @__PURE__ */ defineComponent({
15
15
  props: {
@@ -1,6 +1,6 @@
1
1
  import { defineComponent, shallowRef, ref, watch, onMounted, onBeforeUnmount, createVNode, nextTick } from 'vue';
2
- import { t as throttle } from '../../utils-BDoaZ6T-.js';
3
- import { _ as _export_sfc } from '../../_plugin-vue_export-helper-eKvxqoHe.js';
2
+ import { t as throttle } from '../../utils-kKVOv7J9.js';
3
+ import { _ as _export_sfc } from '../../_plugin-vue_export-helper-qu4sdp0E.js';
4
4
 
5
5
  var _sfc_main = /* @__PURE__ */ defineComponent({
6
6
  props: {
@@ -1,6 +1,6 @@
1
1
  import { defineComponent, ref, watch, createVNode, inject } from 'vue';
2
- import { c as config } from '../../config-B6_Kh58Z.js';
3
- import { _ as _export_sfc } from '../../_plugin-vue_export-helper-eKvxqoHe.js';
2
+ import { c as config } from '../../config-fgIlOsAk.js';
3
+ import { _ as _export_sfc } from '../../_plugin-vue_export-helper-qu4sdp0E.js';
4
4
 
5
5
  var _sfc_main = /* @__PURE__ */ defineComponent({
6
6
  props: {
@@ -1,7 +1,7 @@
1
1
  import { defineComponent, ref, watch, provide, createVNode } from 'vue';
2
2
  import Radio from '../Radio/Radio.js';
3
- import { _ as _export_sfc } from '../../_plugin-vue_export-helper-eKvxqoHe.js';
4
- import '../../config-B6_Kh58Z.js';
3
+ import { _ as _export_sfc } from '../../_plugin-vue_export-helper-qu4sdp0E.js';
4
+ import '../../config-fgIlOsAk.js';
5
5
 
6
6
  var _sfc_main = /* @__PURE__ */ defineComponent({
7
7
  props: {
@@ -1,5 +1,5 @@
1
1
  import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, renderSlot } from 'vue';
2
- import { _ as _export_sfc } from '../../_plugin-vue_export-helper-eKvxqoHe.js';
2
+ import { _ as _export_sfc } from '../../_plugin-vue_export-helper-qu4sdp0E.js';
3
3
 
4
4
  var _sfc_main = /*@__PURE__*/ defineComponent({
5
5
  __name: 'Scene',
@@ -1,6 +1,6 @@
1
1
  import { defineComponent, shallowRef, ref, onMounted, nextTick, onBeforeUnmount, createVNode } from 'vue';
2
- import { k as debounce } from '../../utils-BDoaZ6T-.js';
3
- import { _ as _export_sfc } from '../../_plugin-vue_export-helper-eKvxqoHe.js';
2
+ import { k as debounce } from '../../utils-kKVOv7J9.js';
3
+ import { _ as _export_sfc } from '../../_plugin-vue_export-helper-qu4sdp0E.js';
4
4
 
5
5
  /**
6
6
  * note:
@@ -1,14 +1,14 @@
1
1
  import { defineComponent, ref, shallowRef, reactive, watch, createVNode, createTextVNode, nextTick, isVNode } from 'vue';
2
- import { _ as __awaiter } from '../../_tslib-DzRhYvXs.js';
3
- import { k as debounce } from '../../utils-BDoaZ6T-.js';
2
+ import { _ as __awaiter } from '../../_tslib-06AHO9st.js';
3
+ import { k as debounce } from '../../utils-kKVOv7J9.js';
4
4
  import Popover from '../Popover/Popover.js';
5
- import { W as Wrap } from '../../Wrap-CGGz3adO.js';
5
+ import { W as Wrap } from '../../Wrap-CplCCiV1.js';
6
6
  import Input from '../Input/Input.js';
7
7
  import Checkbox from '../Checkbox/Checkbox.js';
8
8
  import Scroll from '../Scroll/Scroll.js';
9
- import { c as config } from '../../config-B6_Kh58Z.js';
10
- import { L as Loading } from '../../Loading-Bnj893LO.js';
11
- import { _ as _export_sfc } from '../../_plugin-vue_export-helper-eKvxqoHe.js';
9
+ import { c as config } from '../../config-fgIlOsAk.js';
10
+ import { L as Loading } from '../../Loading-CSSrEUcI.js';
11
+ import { _ as _export_sfc } from '../../_plugin-vue_export-helper-qu4sdp0E.js';
12
12
 
13
13
  /**
14
14
  关于远程搜索:
@@ -1,5 +1,5 @@
1
1
  import { defineComponent, createVNode } from 'vue';
2
- import { _ as _export_sfc } from '../../_plugin-vue_export-helper-eKvxqoHe.js';
2
+ import { _ as _export_sfc } from '../../_plugin-vue_export-helper-qu4sdp0E.js';
3
3
 
4
4
  var _sfc_main = /* @__PURE__ */ defineComponent({
5
5
  props: {
@@ -1,7 +1,7 @@
1
1
  import { defineComponent, ref, watch, onBeforeUnmount, createVNode } from 'vue';
2
- import { m as matchChildrenCoponent } from '../../utils-BDoaZ6T-.js';
2
+ import { m as matchChildrenCoponent } from '../../utils-kKVOv7J9.js';
3
3
  import TabPanel from '../TabPanel/TabPanel.js';
4
- import { _ as _export_sfc } from '../../_plugin-vue_export-helper-eKvxqoHe.js';
4
+ import { _ as _export_sfc } from '../../_plugin-vue_export-helper-qu4sdp0E.js';
5
5
 
6
6
  var _sfc_main = /* @__PURE__ */ defineComponent({
7
7
  props: {
@@ -1,5 +1,5 @@
1
1
  import { defineComponent, createVNode } from 'vue';
2
- import { _ as _export_sfc } from '../../_plugin-vue_export-helper-eKvxqoHe.js';
2
+ import { _ as _export_sfc } from '../../_plugin-vue_export-helper-qu4sdp0E.js';
3
3
 
4
4
  var _sfc_main = /* @__PURE__ */ defineComponent({
5
5
  setup(_props, {
@@ -1,10 +1,10 @@
1
1
  import { defineComponent, ref, shallowRef, reactive, nextTick, onMounted, watch, onBeforeMount, createVNode, createTextVNode } from 'vue';
2
- import { k as debounce, m as matchChildrenCoponent } from '../../utils-BDoaZ6T-.js';
2
+ import { k as debounce, m as matchChildrenCoponent } from '../../utils-kKVOv7J9.js';
3
3
  import Checkbox from '../Checkbox/Checkbox.js';
4
4
  import Scroll from '../Scroll/Scroll.js';
5
5
  import TableColumn from '../TableColumn/TableColumn.js';
6
- import { c as config } from '../../config-B6_Kh58Z.js';
7
- import { _ as _export_sfc } from '../../_plugin-vue_export-helper-eKvxqoHe.js';
6
+ import { c as config } from '../../config-fgIlOsAk.js';
7
+ import { _ as _export_sfc } from '../../_plugin-vue_export-helper-qu4sdp0E.js';
8
8
 
9
9
  let colKey = 0;
10
10
  var _sfc_main = /* @__PURE__ */ defineComponent({
@@ -186,7 +186,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
186
186
  function getRowKey(r) {
187
187
  const rowKey = typeof _props.rowKey === "function" ? _props.rowKey({
188
188
  row: r
189
- }) : _props.rowKey ? r[_props.rowKey] : r['key'] || r['id'];
189
+ }) : _props.rowKey ? r[_props.rowKey] : r["key"] || r["id"];
190
190
  if (!rowKey) {
191
191
  console.warn("table component miss rowKey prop");
192
192
  }
@@ -200,7 +200,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
200
200
  * 初始化表格, 初始化表格的列, 行数据
201
201
  */
202
202
  function init() {
203
- mergeColumns = _props.columns.slice().filter(c => !!c.prop); // 先从_props.columns中获取 , 并过滤掉没有prop的列
203
+ mergeColumns = JSON.parse(JSON.stringify(_props.columns)).filter(c => !!c.prop); // 先从_props.columns中获取 , 并过滤掉没有prop的列
204
204
  const slotColumns = _slots.default ? matchChildrenCoponent(_slots.default(), TableColumn) : [];
205
205
  slotColumns.forEach(r => {
206
206
  const options = r.props;
@@ -251,10 +251,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
251
251
  mergeColumns.forEach(c => {
252
252
  var _a;
253
253
  // 处理c.width为纯数字的情况, 如果是纯数字就加上px单位, 否则就保持原有规则
254
- c.width = c.width ? (c.width + '').replace('px', '') : 0;
254
+ c.width = c.width ? (c.width + "").replace("px", "") : 0;
255
255
  c.visible = (_a = c.visible) !== null && _a !== void 0 ? _a : true; // 所有列的默认visible设置为true
256
256
  c.colKey = colKey++; // 给列添加一个唯一的key
257
- if (c.prop === 'selection') ;
257
+ if (c.prop === "selection") ;
258
258
  if (c.visible === false) return; // visible为false的直接跳过
259
259
  if (c.fixed === "left") {
260
260
  leftColumns.push(c);
@@ -277,24 +277,24 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
277
277
  mainColumns.value = [...leftColumns, ...normalColumns, ...rightColumns];
278
278
  fixedLeftColumns.value = leftColumns;
279
279
  fixedRightColumns.value = rightColumns;
280
- const list = _props.data.slice(); // 先从data中获取
280
+ const list = JSON.parse(JSON.stringify(_props.data)); // 先从data中获取
281
281
  dataList.value = list;
282
282
  originData = list; // 保存原始数据
283
283
  }
284
284
  function mapRawHeight() {
285
285
  var _a, _b;
286
286
  const rawHeightTmp = [];
287
- const t1 = Array.from(((_a = headMainRef.value) === null || _a === void 0 ? void 0 : _a.querySelectorAll('tr')) || []);
288
- const t2 = Array.from(((_b = bodyMainRef.value) === null || _b === void 0 ? void 0 : _b.querySelectorAll('tr')) || []);
287
+ const t1 = Array.from(((_a = headMainRef.value) === null || _a === void 0 ? void 0 : _a.querySelectorAll("tr")) || []);
288
+ const t2 = Array.from(((_b = bodyMainRef.value) === null || _b === void 0 ? void 0 : _b.querySelectorAll("tr")) || []);
289
289
  t1.concat(t2).forEach((el, ri) => {
290
290
  const rect = el.getBoundingClientRect();
291
291
  const height = rect.height;
292
- rawHeightTmp[ri] = height + 'px';
292
+ rawHeightTmp[ri] = height + "px";
293
293
  });
294
294
  rowsHeight.value = rawHeightTmp;
295
295
  }
296
296
  const computedSizeDebounce = debounce(function () {
297
- debug && console.log('computedSizeDebounce');
297
+ debug && console.log("computedSizeDebounce");
298
298
  mapSize();
299
299
  }, 200);
300
300
  /**
@@ -303,9 +303,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
303
303
  */
304
304
  function mapSize() {
305
305
  var _a, _b;
306
- debug && console.time('mapSize');
306
+ debug && console.time("mapSize");
307
307
  const rootWidth = ((_b = (_a = rootRef.value) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) === null || _b === void 0 ? void 0 : _b.width) || 0;
308
- debug && console.log('mapSize', needWidth, rootWidth);
308
+ debug && console.log("mapSize", needWidth, rootWidth);
309
309
  const initTableWidth = Math.max(needWidth, rootWidth);
310
310
  if (needWidth <= rootWidth) {
311
311
  // 如果最大宽度小于根宽度, 则设置为根宽度
@@ -317,16 +317,16 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
317
317
  showFixedColumn.value = true; // 固定列显示
318
318
  showRightShadow.value = true; // 右边阴影显示
319
319
  }
320
- debug && console.log('各列原宽度', mainColumns.value.map(c => c._maxWidth + 'px'));
321
- debug && console.log('视图宽度', rootWidth);
322
- debug && console.log('表格需要的宽度', needWidth);
323
- debug && console.log('最终使用的宽度', initTableWidth);
324
- debug && console.log('固定列的总宽度', fixedWidthTotal);
325
- debug && console.log('需要分配的宽度', initTableWidth - needWidth);
326
- debug && console.log('需要分配的列数', flexColumnTotal);
327
- debug && console.log('每列需要增加的宽度', Math.floor((initTableWidth - needWidth) / flexColumnTotal));
320
+ debug && console.log("各列原宽度", mainColumns.value.map(c => c._maxWidth + "px"));
321
+ debug && console.log("视图宽度", rootWidth);
322
+ debug && console.log("表格需要的宽度", needWidth);
323
+ debug && console.log("最终使用的宽度", initTableWidth);
324
+ debug && console.log("固定列的总宽度", fixedWidthTotal);
325
+ debug && console.log("需要分配的宽度", initTableWidth - needWidth);
326
+ debug && console.log("需要分配的列数", flexColumnTotal);
327
+ debug && console.log("每列需要增加的宽度", Math.floor((initTableWidth - needWidth) / flexColumnTotal));
328
328
  const splitWidth = Math.floor((initTableWidth - needWidth) / flexColumnTotal);
329
- defineWidth.value = initTableWidth;
329
+ defineWidth.value = initTableWidth - 1;
330
330
  nextTick(() => {
331
331
  scrollHeadMainRef.value && scrollHeadMainRef.value.scrollTo(0, 0);
332
332
  scrollBodyMainRef.value && scrollBodyMainRef.value.scrollTo(0, 0);
@@ -336,29 +336,29 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
336
336
  let total = 0;
337
337
  mainColumns.value.forEach((c, ci) => {
338
338
  if (c.width) {
339
- if (c.width === 'minimal') {
340
- colWidthTmp[ci] = c._maxWidth + 'px';
339
+ if (c.width === "minimal") {
340
+ colWidthTmp[ci] = c._maxWidth + "px";
341
341
  } else {
342
342
  // 如果c.width为固定宽度, 则直接使用c.width
343
- colWidthTmp[ci] = c.width + 'px';
343
+ colWidthTmp[ci] = c.width + "px";
344
344
  }
345
345
  } else {
346
- colWidthTmp[ci] = c._maxWidth + splitWidth + 'px';
346
+ colWidthTmp[ci] = c._maxWidth + splitWidth + "px";
347
347
  }
348
- total += parseInt(colWidthTmp[ci] + '');
348
+ total += parseInt(colWidthTmp[ci] + "");
349
349
  // console.log(ci, thEles[ci], tdEles[ci], thWidth, tdWidth, colWidthTmp[ci])
350
350
  });
351
- debug && console.log('colWidthTmp', colWidthTmp, total, initTableWidth);
351
+ debug && console.log("colWidthTmp", colWidthTmp, total, initTableWidth);
352
352
  if (total < initTableWidth) {
353
353
  // 如果计算的总宽度小于预想宽度
354
354
  const index = mainColumns.value.findIndex(c => !c.width); // 找到第一个没有width的列
355
355
  if (index >= 0) {
356
- colWidthTmp[index] = parseInt(colWidthTmp[index]) + (initTableWidth - total) + 'px';
356
+ colWidthTmp[index] = parseInt(colWidthTmp[index]) + (initTableWidth - total) + "px";
357
357
  }
358
358
  }
359
359
  colsWidth.value = colWidthTmp;
360
360
  mapRawHeight();
361
- debug && console.timeEnd('mapSize');
361
+ debug && console.timeEnd("mapSize");
362
362
  });
363
363
  }
364
364
  const ro = typeof window === "object" ? new ResizeObserver(entries => {
@@ -378,13 +378,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
378
378
  var _a;
379
379
  // 先计算表格各列的宽度
380
380
  // 同步表格的宽度
381
- debug && console.time('initStyle');
381
+ debug && console.time("initStyle");
382
382
  needWidth = 0;
383
383
  fixedWidthTotal = 0;
384
384
  flexColumnTotal = 0;
385
- const thEles = headMainRef.value.querySelectorAll('col');
385
+ const thEles = headMainRef.value.querySelectorAll("col");
386
386
  // const tdEles = bodyMainRef.value.querySelector('tr').querySelectorAll('td');
387
- const tdEles = ((_a = bodyMainRef.value) === null || _a === void 0 ? void 0 : _a.querySelectorAll('col')) || [];
387
+ const tdEles = ((_a = bodyMainRef.value) === null || _a === void 0 ? void 0 : _a.querySelectorAll("col")) || [];
388
388
  // 只计算需要的宽度
389
389
  mainColumns.value.forEach((c, ci) => {
390
390
  var _a;
@@ -394,15 +394,15 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
394
394
  const tdWidth = (td === null || td === void 0 ? void 0 : td.width) || 0;
395
395
  // console.log('td', tdEles[ci], tdWidth)
396
396
  let maxWidth = Math.ceil(Math.max(thWidth, tdWidth));
397
- if (c.prop === 'selection') {
397
+ if (c.prop === "selection") {
398
398
  c.width = maxWidth;
399
399
  }
400
400
  if (c.width) {
401
- if (c.width === 'minimal') {
401
+ if (c.width === "minimal") {
402
402
  c._maxWidth = maxWidth;
403
403
  needWidth += maxWidth;
404
404
  } else {
405
- const width = parseInt(c.width + '');
405
+ const width = parseInt(c.width + "");
406
406
  c._maxWidth = width;
407
407
  needWidth += width;
408
408
  fixedWidthTotal += width;
@@ -412,21 +412,21 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
412
412
  c._maxWidth = maxWidth;
413
413
  flexColumnTotal++;
414
414
  }
415
- debug && console.log('ci', ci, thEles[ci], tdEles[ci], thWidth, tdWidth, 'maxWidth', maxWidth, needWidth);
415
+ debug && console.log("ci", ci, thEles[ci], tdEles[ci], thWidth, tdWidth, "maxWidth", maxWidth, needWidth);
416
416
  });
417
- debug && console.log('initStyle result', needWidth, fixedWidthTotal, flexColumnTotal);
418
- debug && console.timeEnd('initStyle');
417
+ debug && console.log("initStyle result", needWidth, fixedWidthTotal, flexColumnTotal);
418
+ debug && console.timeEnd("initStyle");
419
419
  }
420
420
  /**
421
- * 触发sort-change事件
422
- * @param sortFields 排序字段相关数据
423
- */
421
+ * 触发sort-change事件
422
+ * @param sortFields 排序字段相关数据
423
+ */
424
424
  function emitSortChange(sortFields) {
425
- console.log('emitSortChange', sortFields);
425
+ console.log("emitSortChange", sortFields);
426
426
  _emit("sort-change", sortFields);
427
427
  }
428
428
  function emitSelectionChange() {
429
- debug && console.log('emitSelectionChange', selectedRowMap.value);
429
+ debug && console.log("emitSelectionChange", selectedRowMap.value);
430
430
  const selection = Object.values(selectedRowMap.value);
431
431
  _emit("update:selection", selection);
432
432
  _emit("selection-change", selection);
@@ -493,7 +493,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
493
493
  * @param order 排序顺序
494
494
  * @param update 是否更新表格数据
495
495
  */
496
- function setSort(prop = '', order = null) {
496
+ function setSort(prop = "", order = null) {
497
497
  sortFields.prop = prop;
498
498
  sortFields.order = order;
499
499
  if (_props.sortRemote === false) {
@@ -501,7 +501,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
501
501
  if (prop && order) {
502
502
  // 如果prop和order都有值
503
503
  dataList.value = originData.slice().sort((a, b) => {
504
- return order === 'asc' ? a[prop].localeCompare(b[prop]) : b[prop].localeCompare(a[prop]);
504
+ return order === "asc" ? a[prop].localeCompare(b[prop]) : b[prop].localeCompare(a[prop]);
505
505
  });
506
506
  } else {
507
507
  // 如果prop没有值, 说明要清空排序, 还原数据
@@ -552,7 +552,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
552
552
  }, {
553
553
  deep: true
554
554
  });
555
- watch(() => _props.columns, () => {
555
+ watch(() => _props.columns, v => {
556
+ debug && console.log("watch columns", v);
556
557
  init();
557
558
  colsWidth.value = [];
558
559
  defineWidth.value = 0;
@@ -565,10 +566,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
565
566
  });
566
567
  watch(() => _props.selection, (newVal, oldVal) => {
567
568
  // 获取newVal的key列表
568
- const newKeys = newVal.map(r => getRowKey(r)).sort().join(',');
569
+ const newKeys = newVal.map(r => getRowKey(r)).sort().join(",");
569
570
  // 获取oldVal的key列表
570
- const oldKeys = Object.keys(selectedRowMap.value).sort().join(',');
571
- debug && console.log('watch selection', newKeys, oldKeys);
571
+ const oldKeys = Object.keys(selectedRowMap.value).sort().join(",");
572
+ debug && console.log("watch selection", newKeys, oldKeys);
572
573
  if (newKeys !== oldKeys) {
573
574
  updateSelectedRowMap(newVal);
574
575
  }
@@ -625,14 +626,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
625
626
  "onClick": e => {
626
627
  onSortChange(e, {
627
628
  prop: c.prop,
628
- order: 'asc'});
629
+ order: "asc"});
629
630
  }
630
631
  }, null), createVNode("span", {
631
632
  "class": ["icon-triangle-down"],
632
633
  "onClick": e => {
633
634
  onSortChange(e, {
634
635
  prop: c.prop,
635
- order: 'desc'});
636
+ order: "desc"});
636
637
  }
637
638
  }, null)]));
638
639
  }
@@ -645,7 +646,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
645
646
  }
646
647
  return createVNode("th", {
647
648
  "class": ["v_table_th", {
648
- "v_table_th--fix-width": c.width && c.width !== 'minimal'
649
+ "v_table_th--fix-width": c.width && c.width !== "minimal"
649
650
  }],
650
651
  "style": Object.assign({
651
652
  height: rowsHeight.value[0]
@@ -654,7 +655,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
654
655
  columnIndex: ci
655
656
  }) : {}),
656
657
  "onContextmenu": e => {
657
- debug && console.log('onContextmenu', e);
658
+ debug && console.log("onContextmenu", e);
658
659
  if (_props.bodyMenu.enable) {
659
660
  openContextMenu(e, {
660
661
  menus: _props.headMenu.menus,
@@ -703,7 +704,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
703
704
  }
704
705
  return createVNode("td", {
705
706
  "class": ["v_table_td", {
706
- "v_table_td--fix-width": c.width && c.width !== 'minimal'
707
+ "v_table_td--fix-width": c.width && c.width !== "minimal"
707
708
  }],
708
709
  "style": Object.assign({
709
710
  height: rowsHeight.value[ri + 1]
@@ -768,10 +769,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
768
769
  });
769
770
  nextTick(() => {
770
771
  // 获取菜单的宽度
771
- window.addEventListener('scroll', closeContextMenu, {
772
+ window.addEventListener("scroll", closeContextMenu, {
772
773
  once: true
773
774
  });
774
- window.addEventListener('click', closeContextMenu, {
775
+ window.addEventListener("click", closeContextMenu, {
775
776
  once: true
776
777
  });
777
778
  });
@@ -798,7 +799,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
798
799
  column,
799
800
  row
800
801
  } = p;
801
- if (column.prop === 'selection') {
802
+ if (column.prop === "selection") {
802
803
  // 如果点击的是selection列, 切换状态即可
803
804
  toggleRowSelection(row);
804
805
  } else {
@@ -820,7 +821,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
820
821
  column,
821
822
  row
822
823
  } = p;
823
- if (column.prop === 'selection') {
824
+ if (column.prop === "selection") {
824
825
  // 如果点击的是selection列, 切换状态即可
825
826
  toggleRowSelection(row);
826
827
  } else {
@@ -843,10 +844,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
843
844
  "class": ["v_table", `v_table--align--${_props.align}`, `v_table--${size}`, {
844
845
  "v_table--border": _props.border,
845
846
  "v_table--stripe": _props.stripe,
846
- "v_table--full-border": _props.border == 'full',
847
+ "v_table--full-border": _props.border == "full",
847
848
  "v_table--enable_scroll": _props.scrollX,
848
- 'v_table--layout-fixed': defineWidth.value > 0,
849
- 'v_table--debug': debug
849
+ "v_table--layout-fixed": defineWidth.value > 0,
850
+ "v_table--debug": debug
850
851
  }],
851
852
  "onMouseleave": () => {
852
853
  currentRowIndex.value = -1;
@@ -857,12 +858,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
857
858
  width: _props.width
858
859
  }
859
860
  }, [createVNode("div", {
860
- "class": ['v_table_menu', {
861
- 'v_table_menu--show': showContextMenu.show
861
+ "class": ["v_table_menu", {
862
+ "v_table_menu--show": showContextMenu.show
862
863
  }],
863
864
  "style": {
864
- left: showContextMenu.x + 'px',
865
- top: showContextMenu.y + 'px'
865
+ left: showContextMenu.x + "px",
866
+ top: showContextMenu.y + "px"
866
867
  }
867
868
  }, [showContextMenu.menus.map((m, mi) => {
868
869
  return createVNode("div", {
@@ -888,7 +889,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
888
889
  "ref": headLeftRef
889
890
  }, [createVNode("colgroup", null, [fixedLeftColumns.value.map((c, ci) => {
890
891
  return createVNode("col", {
891
- "width": c.width && c.width !== 'minimal' ? c.width + 'px' : colsWidth.value[ci]
892
+ "width": c.width && c.width !== "minimal" ? c.width + "px" : colsWidth.value[ci]
892
893
  }, null);
893
894
  })]), createVNode("thead", null, [createVNode("tr", {
894
895
  "style": {
@@ -911,12 +912,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
911
912
  default: () => [createVNode("table", {
912
913
  "ref": headMainRef,
913
914
  "style": defineWidth.value ? {
914
- width: defineWidth.value + 'px'
915
+ width: defineWidth.value + "px"
915
916
  } : {}
916
917
  }, [createVNode("colgroup", null, [mainColumns.value.map((c, ci) => {
917
918
  // 关于col的宽度, 如果配置了有效width, 就使用有效width, 如果没有配置就不要设置
918
919
  return createVNode("col", {
919
- "width": colsWidth.value[ci] || (c.width + '').replace('minimal', '')
920
+ "width": colsWidth.value[ci] || (c.width + "").replace("minimal", "")
920
921
  }, null);
921
922
  })]), createVNode("thead", null, [createVNode("tr", null, [mainColumns.value.map((c, ci) => renderTh({
922
923
  c,
@@ -939,7 +940,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
939
940
  // 假设总列数10, 右固定列数2, 那就是从第8列开始取值
940
941
  const i = mainColumns.value.length - fixedRightColumns.value.length + ci;
941
942
  return createVNode("col", {
942
- "width": c.width && c.width !== 'minimal' ? c.width + 'px' : colsWidth.value[i]
943
+ "width": c.width && c.width !== "minimal" ? c.width + "px" : colsWidth.value[i]
943
944
  }, null);
944
945
  })]), createVNode("thead", null, [createVNode("tr", {
945
946
  "style": {
@@ -960,7 +961,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
960
961
  "v_table_body_left--show_shadow": showLeftShadow.value
961
962
  }],
962
963
  "style": {
963
- height: '100%'
964
+ height: "100%"
964
965
  },
965
966
  "showScrollX": false,
966
967
  "showScrollY": false,
@@ -974,7 +975,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
974
975
  "ref": bodyLeftRef
975
976
  }, [createVNode("colgroup", null, [fixedLeftColumns.value.map((c, ci) => {
976
977
  return createVNode("col", {
977
- "width": c.width && c.width !== 'minimal' ? c.width + 'px' : colsWidth.value[ci]
978
+ "width": c.width && c.width !== "minimal" ? c.width + "px" : colsWidth.value[ci]
978
979
  }, null);
979
980
  })]), createVNode("tbody", null, [dataList.value.map((r, ri) => {
980
981
  return createVNode("tr", {
@@ -994,7 +995,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
994
995
  }))]);
995
996
  })])])]
996
997
  }),
997
- // 主表
998
+ // 主表
998
999
  dataList.value.length > 0 ? createVNode(Scroll, {
999
1000
  "key": 5,
1000
1001
  "ref": scrollBodyMainRef,
@@ -1022,10 +1023,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
1022
1023
  default: () => [createVNode("table", {
1023
1024
  "ref": bodyMainRef,
1024
1025
  "style": defineWidth.value ? {
1025
- width: defineWidth.value + 'px'
1026
+ width: defineWidth.value + "px"
1026
1027
  } : {}
1027
1028
  }, [createVNode("colgroup", null, [mainColumns.value.map((c, ci) => createVNode("col", {
1028
- "width": c.width && c.width !== 'minimal' ? c.width + 'px' : colsWidth.value[ci]
1029
+ "width": c.width && c.width !== "minimal" ? c.width + "px" : colsWidth.value[ci]
1029
1030
  }, null))]), createVNode("tbody", null, [dataList.value.map((r, ri) => createVNode("tr", {
1030
1031
  "key": getRowKey(r),
1031
1032
  "class": [{
@@ -1052,7 +1053,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
1052
1053
  "v_table_body_right--show_shadow": showRightShadow.value
1053
1054
  }],
1054
1055
  "style": {
1055
- height: '100%'
1056
+ height: "100%"
1056
1057
  },
1057
1058
  "showScrollX": false,
1058
1059
  "onScroll": e => {
@@ -1067,7 +1068,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
1067
1068
  // 假设总列数10, 右固定列数2, 那就是从第8列开始取值
1068
1069
  const i = mainColumns.value.length - fixedRightColumns.value.length + ci;
1069
1070
  return createVNode("col", {
1070
- "width": c.width && c.width !== 'minimal' ? c.width + 'px' : colsWidth.value[i]
1071
+ "width": c.width && c.width !== "minimal" ? c.width + "px" : colsWidth.value[i]
1071
1072
  }, null);
1072
1073
  })]), createVNode("tbody", null, [dataList.value.map((r, ri) => createVNode("tr", {
1073
1074
  "key": getRowKey(r),
@@ -1,5 +1,5 @@
1
1
  import { defineComponent } from 'vue';
2
- import { _ as _export_sfc } from '../../_plugin-vue_export-helper-eKvxqoHe.js';
2
+ import { _ as _export_sfc } from '../../_plugin-vue_export-helper-qu4sdp0E.js';
3
3
 
4
4
  var _sfc_main = /* @__PURE__ */ defineComponent({
5
5
  props: {
@@ -2,7 +2,7 @@ import type { PropType, Slot } from "vue";
2
2
  export type TableColumnProp = {
3
3
  prop: string;
4
4
  label: string;
5
- width?: number | string | 'minimal';
5
+ width?: number | string | "minimal";
6
6
  fixed?: "left" | "right" | undefined;
7
7
  align?: "left" | "center" | "right";
8
8
  th?: Slot;
package/dist/vary-ui.css CHANGED
@@ -1 +1 @@
1
- .v_button{align-items:center;background-color:transparent;background-color:#fff;border:1px solid transparent;border:1px solid var(--vary-border-color);border-radius:4px;color:var(--vary-font-color);cursor:pointer;display:inline-flex;font-size:var(--vary-font-size);height:var(--vary-height);justify-content:center;outline:none;padding:0 8px;transition:all .1s}.v_button:hover{background-color:var(--vary-border-color)}.v_button--small{font-size:var(--vary-font-size-small);height:var(--vary-height-small);padding:0 6px}.v_button--large{font-size:var(--vary-font-size-large);height:var(--vary-height-large);padding:0 10px}.v_button .v_button_icon{margin-right:3px}.v_button_prefix{margin-right:4px}.v_button_suffix{margin-left:4px}.v_button+.v_button{margin-left:14px}.v_button--round{border-radius:100px}.v_button--primary{background-color:var(--vary-primary-color);border:none;color:#fff}.v_button--primary.v_button--plain{background-color:var(--vary-primary-color-light);color:var(--vary-primary-color)}.v_button--primary.v_button--border{border:1px solid var(--vary-primary-color)}.v_button--primary:hover{background-color:var(--vary-primary-color-dark);color:#fff}.v_button--success{background-color:var(--vary-success-color);border:none;color:#fff}.v_button--success.v_button--plain{background-color:var(--vary-success-color-light);color:var(--vary-success-color)}.v_button--success.v_button--border{border:1px solid var(--vary-success-color)}.v_button--success:hover{background-color:var(--vary-success-color-dark);color:#fff}.v_button--danger{background-color:var(--vary-danger-color);border:none;color:#fff}.v_button--danger.v_button--plain{background-color:var(--vary-danger-color-light);color:var(--vary-danger-color)}.v_button--danger.v_button--border{border:1px solid var(--vary-danger-color)}.v_button--danger:hover{background-color:var(--vary-danger-color-dark);color:#fff}.v_button--warning{background-color:var(--vary-warning-color);border:none;color:#fff}.v_button--warning.v_button--plain{background-color:var(--vary-warning-color-light);color:var(--vary-warning-color)}.v_button--warning.v_button--border{border:1px solid var(--vary-warning-color)}.v_button--warning:hover{background-color:var(--vary-warning-color-dark);color:#fff}.v_button--info{background-color:var(--vary-info-color);border:none;color:#fff}.v_button--info.v_button--plain{background-color:var(--vary-info-color-light);color:var(--vary-info-color)}.v_button--info.v_button--border{border:1px solid var(--vary-info-color)}.v_button--info:hover{background-color:var(--vary-info-color-dark);color:#fff}.v_button.v_button--disabled,.v_button.v_button--disabled:hover{background-color:#f0f0f0;border:none;color:#999;cursor:not-allowed}.v_card{background-color:#fff;border-radius:4px;color:var(--vary-font-color)}.v_card,.v_card .v_card_header{font-size:var(--vary-font-size)}.v_card .v_card_header{border-bottom:1px solid var(--vary-border-color);padding:10px 14px}.v_card .v_card_body,.v_card .v_card_footer{padding:10px 14px}.v_card--small .v_card_title{font-size:var(--vary-font-size-small)}.v_card--large .v_card_title{font-size:var(--vary-font-size-large)}.v_card--border{border:1px solid var(--vary-border-color)}.v_card_shadow--always,.v_card_shadow--hover:hover{box-shadow:0 0 10px rgba(4,4,4,.1)}.v_checkbox{color:var(--vary-font-color);display:inline-block;font-size:var(--vary-font-size);height:var(--vary-height);user-select:none}.v_checkbox+.v_checkbox{margin-left:14px}.v_checkbox .v_checkbox_body{align-items:center;display:flex;height:100%}.v_checkbox--small{font-size:var(--vary-font-size-small);height:var(--vary-height-small)}.v_checkbox--large{font-size:var(--vary-font-size-large);height:var(--vary-height-large)}.v_checkbox .v_checkbox_field{align-items:center;background-color:#fff;border:1px solid var(--vary-border-color);border-radius:2px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:1em;justify-content:center;transition:all .1s linear;width:1em}.v_checkbox .v_checkbox_field .icon_check{color:#fff;font-size:.5em}.v_checkbox .v_checkbox_field .icon_line{height:100%;width:80%}.v_checkbox .v_checkbox_label{padding-left:4px;white-space:normal}.v_checkbox_body--checked{color:var(--vary-primary-color)}.v_checkbox_body--checked .v_checkbox_field,.v_checkbox_body--partial .v_checkbox_field{background-color:var(--vary-primary-color);border-color:var(--vary-primary-color)}.v_checkbox_body--disabled{cursor:not-allowed}.v_checkbox_body--disabled .v_checkbox_field{background-color:#999}.v_checkbox_group--inline{align-items:center;display:flex}.v_popover{cursor:default;position:relative}.v_popover .v_popover_pop{display:none;padding:8px 0;position:absolute;width:max-content;z-index:4}.v_popover .v_popover_pop .v_popover_arrow{background-color:#fff;border:1px solid var(--vary-border-color);height:8px;position:absolute;width:8px}.v_popover .v_popover_pop .v_popover_arrow_top{border-bottom-color:transparent;border-right-color:transparent;top:4px;transform:rotate(45deg)}.v_popover .v_popover_pop .v_popover_arrow_bottom{border-left-color:transparent;border-top-color:transparent;bottom:4px;transform:rotate(45deg)}.v_popover .v_popover_pop .v_popover_container{background-color:#fff;border:1px solid var(--vary-border-color);border-radius:4px;box-shadow:0 0 10px rgba(4,4,4,.1);cursor:default}.v_popover .v_popover_pop--open{display:block}@keyframes popover-open{0%{opacity:0}to{opacity:1}}.v_popover .v_popover_pop--bottom{animation:VarPopoverOpenBottom .1s linear;animation-fill-mode:forwards}.v_popover .v_popover_pop--top{animation:VarPopoverOpenTop .1s linear;animation-fill-mode:forwards}@keyframes VarPopoverOpenBottom{0%{opacity:0;top:110%}to{opacity:1;top:100%}}@keyframes VarPopoverOpenTop{0%{bottom:90%;opacity:0}to{bottom:100%;opacity:1}}.v_popover .v_popover_pop--left{left:0}.v_popover .v_popover_pop--left .v_popover_arrow{left:1em}.v_popover .v_popover_pop--right{right:0}.v_popover .v_popover_pop--right .v_popover_arrow{right:1em}.v_popover .v_popover_pop--center{left:50%;transform:translateX(-50%)}.v_popover .v_popover_pop--center .v_popover_arrow{left:50%;margin-left:-4px}.v_scroll{overflow:hidden;position:relative;user-select:none}.v_scroll .v_scroll_body{min-width:100%;transform:matrix(1,0,0,1,0,0);transition:all .1s linear;width:max-content}.v_scroll .v_scroll_thumb_y{background-color:#fff;border-left:1px solid var(--vary-border-color);border-right:1px solid var(--vary-border-color);bottom:0;display:none;padding:0 1px;position:absolute;right:0;top:0;z-index:3}.v_scroll .v_scroll_thumb_y--show{display:block}.v_scroll .v_scroll_thumb_y .v_scroll_thumb_bar{background-color:var(--vary-border-color);border-radius:10px;height:100%;transition:all .05s linear;width:6px}.v_scroll .v_scroll_thumb_y .v_scroll_thumb_bar:hover{background-color:var(--vary-border-color-dark)}.v_scroll .v_scroll_thumb_x{background-color:#fff;border-bottom:1px solid var(--vary-border-color);border-top:1px solid var(--vary-border-color);bottom:0;display:none;left:0;padding:1px 0;position:absolute;right:0;z-index:3}.v_scroll .v_scroll_thumb_x--show{display:block}.v_scroll .v_scroll_thumb_x .v_scroll_thumb_bar{background-color:var(--vary-border-color);border-radius:10px;height:6px;transition:all .05s linear;width:100%}.v_scroll .v_scroll_thumb_x .v_scroll_thumb_bar:hover{background-color:var(--vary-border-color-dark)}.v_link{align-items:center;color:var(--vary-font-color);cursor:pointer;display:inline-flex;font-size:var(--vary-font-size);justify-content:center;transition:all .1s}.v_link--small{font-size:12px}.v_link--large{font-size:16px}.v_link_prefix{margin-right:4px}.v_link_suffix{margin-left:4px}.v_link+.v_link{margin-left:14px}.v_link--primary{color:var(--vary-primary-color)}.v_link--primary:hover{color:var(--vary-primary-color-dark)}.v_link--success{color:var(--vary-success-color)}.v_link--success:hover{color:var(--vary-success-color-dark)}.v_link--danger{color:var(--vary-danger-color)}.v_link--danger:hover{color:var(--vary-danger-color-dark)}.v_link--warning{color:var(--vary-warning-color)}.v_link--warning:hover{color:var(--vary-warning-color-dark)}.v_link--info{color:var(--vary-info-color)}.v_link--info:hover{color:var(--vary-info-color-dark)}.v_link.v_link--disabled{cursor:not-allowed}.v_link.v_link--disabled:hover{color:#999;cursor:not-allowed}.v_wrap{display:flex;width:100%}.v_wrap .v_wrap_body{align-items:center;display:flex;flex-grow:1;min-height:var(--vary-inline-height);width:80%}.v_wrap .v_prefix{background-color:var(--vary-border-color-light)}.v_wrap .v_prefix,.v_wrap .v_suffix{align-items:center;display:flex;flex-shrink:0;justify-content:center;padding:0 8px}.v_date{color:var(--vary-font-color);display:inline-block;font-size:var(--vary-font-size);margin-right:1em;user-select:none;width:var(--vary-inline-width)}.v_date .v_date_body{background-color:#fff;border:1px solid var(--vary-border-color);border-radius:4px;display:flex;height:var(--vary-height);justify-content:center;position:relative;transition:all .1s linear}.v_date .v_date_body .v_date_prefix{background-color:var(--vary-boder-color-light);border-bottom-left-radius:4px;border-top-left-radius:4px}.v_date .v_date_body .v_date_prefix,.v_date .v_date_body .v_date_suffix{align-items:center;display:flex;flex-shrink:0;justify-content:center;padding:0 10px}.v_date .v_date_body .v_date_suffix{border-bottom-right-radius:4px;border-top-right-radius:4px}.v_date .v_date_body .v_date_clear{align-self:center;cursor:pointer;height:18px;padding:0 .2em}.v_date .v_date_body .v_date_clear>*{display:block;height:100%;width:100%}.v_date .v_date_body .v_date_result{background-color:transparent;border:none;color:inherit;flex-grow:1;height:100%;outline:none;padding:0 10px;width:100%}.v_date .v_date_body .v_date_result::placeholder{color:var(--vary-font-color-light)}.v_date .v_date_body .v_date_result--center{text-align:center}.v_date .v_date_body .v_date_result--right{text-align:right}.v_date--small{font-size:var(--vary-font-size-small)}.v_date--small .v_date_body{height:var(--vary-height-small)}.v_date--large{font-size:var(--vary-font-size-large)}.v_date--large .v_date_body{height:var(--vary-height-large)}.v_date .v_date_body--focus{border-color:var(--vary-primary-color)}.v_date .v_date_wrapper{align-items:flex-start;display:flex}.v_date--block{display:block;width:auto}.v_date--readonly .v_date_result{cursor:default}.v_date--disabled .v_date_body{background-color:var(--vary-date-disabled-background-color)}.v_date--disabled .v_date_result{cursor:not-allowed}.v_date_panel{cursor:default;width:22em}.v_date_tips{color:#adadad;font-size:12px;font-weight:lighter;padding-top:1em;text-align:center}.v_date_panel_header{align-items:center;display:flex;font-size:1.2em;height:2.4em;text-align:center}.v_date_panel_current{flex-grow:1}.v_date_panel_current span{transition:all .1s linear}.v_date_panel_current>span:hover{color:var(--vary-primary-color)}.v_date_prev_month,.v_date_prev_year{transform:rotate(180deg)}.v_date_day_panel .v_date_week_group{align-items:center;border-bottom:1px solid var(--vary-border-color);display:flex;height:3em}.v_date_day_panel .v_date_week_item{flex-grow:1;text-align:center;width:14%}.v_date_day_panel .v_date_day_group{align-content:flex-start;display:flex;flex-wrap:wrap;height:15.4em}.v_date_day_panel .v_date_day_item{align-items:center;display:flex;flex-grow:1;height:2.6em;justify-content:center;text-align:center;transition:all .2s linear;width:14%}.v_date_day_panel .v_date_day_item .v_date_day_text{align-items:center;border-radius:100px;display:block;display:flex;font-size:.8em;height:2.4em;justify-content:center;transition:all .2s linear;width:2.4em}.v_date_day_panel .v_date_day_item:hover .v_date_day_text{background-color:#f0f8ff}.v_date_day_panel .v_date_day_light{color:#bebebe}.v_date_day_panel .v_date_day--today .v_date_day_text{text-decoration:underline}.v_date_day_panel .v_date_day--current{color:var(--vary-primary-color);font-weight:700}.v_date_day_panel .v_date_day--current .v_date_day_text,.v_date_day_panel .v_date_day--current:hover .v_date_day_text{background-color:var(--vary-primary-color);color:#fff}.v_date_month_panel .v_date_month_group{display:flex;flex-wrap:wrap}.v_date_month_panel .v_date_month_item{flex-grow:1;padding:1.4em 0;text-align:center;width:25%}.v_date_month_panel .v_date_month_text{display:block;font-size:.8em;padding:.4em 0;transition:all .2s linear}.v_date_month_panel .v_date_month_item:hover .v_date_month_text{background-color:#f0f8ff}.v_date_month_panel .v_date_month_current{color:var(--vary-primary-color);font-weight:700}.v_date_year_panel .v_date_year_group{display:flex;flex-wrap:wrap;height:18.4em}.v_date_year_panel .v_date_year_item{flex-grow:1;padding:1.4em 0;text-align:center;width:20%}.v_date_year_panel .v_date_year_text{display:block;font-size:.8em;padding:.4em 0;transition:all .2s linear}.v_date_year_panel .v_date_year_item:hover .v_date_year_text{background-color:#f0f8ff}.v_date_year_panel .v_date_year_current{color:var(--vary-primary-color);font-weight:700}.v_date_time_panel{padding-left:1em;padding-right:1em;width:auto}.v_date_time_panel .v_date_time_head{font-size:1.2em;height:2.4em;padding:.4em 0;text-align:center}.v_date_time_panel .v_date_time_body{align-items:center;display:flex;position:relative}.v_date_time_panel .v_date_time_cover{background-color:rgba(0,119,255,.073);height:28px;left:0;position:absolute;right:0;top:calc(3em + 84px);z-index:0}.v_date_time_panel .v_date_time_col{text-align:center}.v_date_time_panel .v_date_time_col .v_date_time_type{border-bottom:1px solid var(--vary-border-color);height:3em;line-height:3em}.v_date_time_panel .v_date_time_col .v_date_time_scroll{border-bottom:1px solid var(--vary-border-color);height:16em}.v_date_time_panel .v_date_time_col .v_date_time_text{font-size:.8em;height:28px;line-height:28px;padding:0 2em;text-align:center}.v_date_time_panel .v_date_time_col .v_date_time_text--active,.v_date_time_panel .v_date_time_col .v_date_time_text:hover{color:var(--vary-primary-color)}.v_date_panel_control{font-size:.9em;padding:.4em 0;text-align:right}.v_dialog{color:var(--vary-font-color);cursor:default;display:none;font-size:var(--vary-font-size);user-select:none}.v_dialog--open{align-items:flex-start;animation:VarDialogOpen .1s linear;background-color:var(--vary-cover-color);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}@keyframes VarDialogOpen{0%{opacity:0}to{opacity:1}}.v_dialog--open .v_dialog_wrapper{animation:VarDialogWrapperOpen .1s linear;animation-fill-mode:forwards;background-color:#fff;border-radius:4px}.v_dialog--open .v_dialog_wrapper .v_dialog_header{align-items:center;border-bottom:1px solid var(--vary-border-color);display:flex;padding:10px 14px}.v_dialog--open .v_dialog_wrapper .v_dialog_header .v_dialog_header_flex{flex-grow:1}.v_dialog--open .v_dialog_wrapper .v_dialog_header .v_dialog_clear_btn{cursor:pointer;flex-shrink:0}.v_dialog--open .v_dialog_wrapper .v_dialog_header .v_dialog_clear_btn .icon-close-round-fill{height:16px;transition:all .1s linear;width:16px}.v_dialog--open .v_dialog_wrapper .v_dialog_header .v_dialog_clear_btn .icon-close-round-fill:hover{animation:VarDialogClearIcon .1s linear;color:#87d3ff}.v_dialog--open .v_dialog_wrapper .v_dialog_footer{padding:10px 14px}@keyframes VarDialogClearIcon{0%{opacity:.6}to{opacity:1}}.v_dialog--open .v_dialog_wrapper .v_dialog_body{padding:10px 14px;width:50vw}@keyframes VarDialogWrapperOpen{0%{transform:translateY(2em)}to{transform:translateY(0)}}.v_divider{background-color:var(--vary-border-color)}.v_field{color:var(--vary-font-color);font-size:var(--vary-font-size);min-height:var(--vary-height)}.v_field .v_field_label{align-items:center;display:flex;margin-right:10px;min-height:var(--vary-height)}.v_field .v_field_label--required:before{color:red;content:"*";margin-right:2px}.v_field .v_field_error{color:var(--vary-error-color);height:24px;padding:4px}.v_field--small{font-size:var(--vary-font-size-small)}.v_field--small,.v_field--small .v_field_label{min-height:var(--vary-height-small)}.v_field--large{font-size:var(--vary-font-size-large)}.v_field--large,.v_field--large .v_field_label{min-height:var(--vary-height-large)}.v_field--inline{align-items:flex-start;display:inline-flex}.v_field--inline .v_field_label{flex-shrink:0}.v_field--inline.v_field--label-top{align-items:flex-start}.v_field--inline.v_field--label-bottom{align-items:flex-end}.v_field--inline.v_field--label-center .v_field_label{justify-content:center}.v_field--inline.v_field--label-right .v_field_label{justify-content:flex-end}.v_field--inline .v_field_body{flex-grow:1;min-width:0}.v_field--inline .v_field_body>*{display:block;width:100%}.v_input{background-color:#fff;border:1px solid var(--vary-border-color);border-radius:4px;color:var(--vary-font-color);display:inline-block;font-size:var(--vary-font-size);height:var(--vary-height);justify-content:center;transition:all .1s linear;vertical-align:middle;width:var(--vary-inline-width)}.v_input--small{font-size:var(--vary-font-size-small);height:var(--vary-height-small)}.v_input--large{font-size:var(--vary-font-size-large);height:var(--vary-height-large)}.v_input .v_input_body{height:100%}.v_input_field{background-color:transparent;border:none;color:inherit;flex-grow:1;height:100%;outline:none;padding:0 8px;width:100%}.v_input_field::placeholder{color:var(--vary-font-color-light)}.v_input_field:disabled{cursor:not-allowed}.v_input_field_textarea{min-height:100px;padding:10px 14px}.v_input_field_textarea::placeholder{color:var(--vary-font-color-light)}.v_input_field--center{text-align:center}.v_input_field--right{text-align:right}.v_input_eye{align-self:center;cursor:pointer;padding-right:8px}.v_input_eye>*{display:block;height:100%;width:100%}.v_input_clear{align-self:center;color:#999;cursor:pointer;display:none;padding-right:8px}.v_input_clear:hover{color:var(--vary-primary-color)}.v_input_clear>*{display:block;height:100%;width:100%}.v_input_clear--show{display:block}.v_input--focus{border-color:var(--vary-primary-color)}.v_input--readonly .v_input_field{cursor:default}.v_input--disabled{background-color:var(--vary-border-color-light);cursor:not-allowed}.v_menu{background-color:var(--vary-menu-background-color);height:100%}.v_menu .v_menu_body{max-height:100%;overflow-y:auto}.v_menu .v_menu_item{align-items:center;display:flex;height:50px;padding:0 1em;transition:all .2s linear}.v_menu .v_menu_item .v_menu_item_content{align-items:center;display:flex;flex-grow:1;min-width:0}.v_menu .v_menu_item .v_menu_item_icon{display:block;height:1em;margin:0 .4em;width:1em}.v_menu .v_menu_item .v_menu_item_text{flex-grow:1}.v_menu .v_menu_item .v_menu_item_icon{height:20px;width:20px}.v_menu .v_menu_item .v_icon_arrow{height:1em;transition:all .2s linear;width:1em}.v_menu .v_menu_item:hover{background-color:var(--vary-menu-hover-background-color)}.v_menu .v_menu_item:hover .v_menu_item_text{color:var(--vary-primary-color)}.v_menu .v_menu_item--open .v_icon_arrow{transform:rotate(90deg)}.v_menu .v_menu_item--active .v_menu_item_text{color:var(--vary-primary-color)}.v_menu .v_menu_item--active:hover{background-color:var(--vary-menu-hover-background-color)}.v_menu .v_menu_item--active:hover .v_menu_item_text{color:var(--vary-primary-color)}.v_menu .v_menu_children{overflow:hidden;transition:height .1s linear}.v_loading--fixed{position:fixed}.v_loading--absolute,.v_loading--fixed{background:var(--vary-cover-color);bottom:0;left:0;right:0;top:0}.v_loading--absolute{position:absolute}.v_loading{align-items:center;animation:VarLoadingShow .15s linear;display:flex;flex-direction:column;justify-content:center;z-index:20}@keyframes VarLoadingShow{0%{opacity:0}to{opacity:1}}.v_loading .v_loading_svg{animation:VarLoadingRotate 1.2s linear infinite;color:var(--vary-primary-color);height:80px;width:80px}.v_loading .v_loading_svg .svg_icon{display:block;height:100%;width:100%}@keyframes VarLoadingRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.v_loading .v_loading_text{color:var(--vary-primary-color)}.v_loading_leave{animation:VarLoadingHide .2s linear;animation-fill-mode:forwards}@keyframes VarLoadingHide{0%{opacity:1}to{opacity:0}}.v_select{color:var(--vary-font-color);display:inline-block;font-size:var(--vary-font-size);position:relative;user-select:none;vertical-align:middle;width:var(--vary-width)}.v_select .v_select_body{background-color:#fff;border:1px solid var(--vary-border-color);border-radius:4px;display:flex;justify-content:center;min-height:var(--vary-height);overflow:hidden;transition:all .1s linear}.v_select .v_select_body--small{min-height:var(--vary-height-small)}.v_select .v_select_body--large{min-height:var(--vary-height-large)}.v_select .v_select_body .v_select_icon_row{align-items:center;display:flex;padding:0 6px;position:relative}.v_select .v_select_body .v_select_icon_row .v_select_clear{align-items:center;align-self:center;background-color:#fff;bottom:0;cursor:pointer;display:flex;display:none;flex-shrink:0;padding:0 4px;position:absolute;right:0;top:0}.v_select .v_select_body .v_select_icon_row .v_select_clear:hover{color:var(--vary-primary-color)}.v_select .v_select_body .v_select_icon_row .v_select_clear>*{display:block;height:1.2em;width:1.2em}.v_select .v_select_body:hover .v_select_clear{align-items:center;display:flex;justify-content:center}.v_select .v_select_body .v_select_arrow{align-self:center;height:14px;padding-left:10px;padding-right:10px}.v_select .v_select_body .v_select_arrow .v_icon_arrow{transform:rotate(90deg);transition:transform .1s linear}.v_select .v_select_body .v_select_arrow_open{align-self:center}.v_select .v_select_body .v_select_arrow_open .v_icon_arrow{transform:rotate(270deg)}.v_select .v_select_body .v_select_only_show_result{color:var(--vary-primary-color);padding:0 .6em}.v_select .v_select_body .v_select_value_container{align-items:center;display:flex;flex-grow:1;flex-wrap:wrap;width:50%}.v_select .v_select_body .v_select_value_container .v_select_value_item{align-items:center;display:flex;flex-shrink:0;font-size:.8em;max-width:100%;padding:2px 4px}.v_select .v_select_body .v_select_value_container .v_select_value_item_multiple{background-color:#f0f8ff;border-radius:4px;cursor:pointer;margin-bottom:2px;margin-left:4px;margin-top:2px}.v_select .v_select_body .v_select_value_container .v_select_value_single{align-items:center;border-radius:4px;display:flex;margin-bottom:2px;padding:0 .6em}.v_select .v_select_body .v_select_value_container .v_select_value_text{margin-right:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v_select .v_select_body .v_select_value_container .v_icon_cancel{height:1.2em;width:1.2em}.v_select .v_select_body .v_select_value_container .v_select_placeholder{color:var(--vary-font-color-light);font-size:.9em;overflow:hidden;padding:0 6px;text-overflow:ellipsis;white-space:nowrap}.v_select .v_select_body .v_select_value_container .v_select_search_input{border:none;flex-grow:1;flex-shrink:0;font-size:.9em;outline:none;padding:0 10px;width:30px}.v_select .v_select_body .v_select_value_container .v_select_search_input::placeholder{color:var(--vary-font-color-light)}.v_select .v_select_loading{padding:10px 40px}.v_select .v_select_pop_root{padding:4px 0}.v_select .v_select_filter_root{margin-bottom:10px;padding:0 8px}.v_select .v_select_cols_root{align-items:stretch;display:flex}.v_select .v_select_cols_root .v_select_col_item{max-height:200px;min-width:160px}.v_select .v_select_cols_root .v_select_col_item+.v_select_col_item{border-left:1px solid var(--vary-border-color-light)}.v_select .v_select_cols_root .v_select_col_item_full{width:100%}.v_select .v_select_option{align-items:center;display:flex;height:var(--vary-height);justify-content:space-between;min-width:120px;padding:0 14px;position:relative;word-break:break-all}.v_select .v_select_option--small{height:var(--vary-height-small)}.v_select .v_select_option--large{height:var(--vary-height-large)}.v_select .v_select_option+.v_select .v_select_option{border-top:1px solid var(--vary-border-color)}.v_select .v_select_option:hover{background-color:var(--vary-tree-hover-color)}.v_select .v_select_option .v_select_option_text{flex-grow:1;margin-right:10px}.v_select .v_select_option .v_checkbox{margin-right:4px}.v_select .v_select_option_selected{color:var(--vary-primary-color);font-weight:700}.v_select .v_select_option_in_chain{background-color:var(--vary-tree-hover-color)}.v_select .v_select_option_in_chain .icon-arrow-right{color:var(--vary-primary-color);opacity:1}.v_select_focus .v_select_body{border-color:var(--vary-primary-color)}.v_select_readonly .v_select_search{cursor:default}.v_select_disabled .v_select_body{background-color:var(--vary-input-disabled-background-color);cursor:not-allowed}.v_select_disabled .v_select_search{cursor:not-allowed}.v_select_empty_default{padding:16px}.v_select_btn_row{border-top:1px solid var(--vary-border-color);padding:10px}.v_pagination,.v_select_btn_row{display:flex;justify-content:center}.v_pagination{color:var(--vary-font-color);cursor:default;font-size:var(--vary-font-size)}.v_pagination--small{font-size:var(--vary-font-size-small)}.v_pagination--large{font-size:var(--vary-font-size-large)}.v_pagination .v_pagination_body{align-items:center;display:flex}.v_pagination .v_pagination_body .v_pagination_item{align-items:center;background-color:#fff;border:1px solid var(--vary-border-color);border-radius:4px;cursor:pointer;display:flex;height:2.4em;justify-content:center;margin-left:.4em;min-width:2.4em;padding:0 6px;transition:all .2s linear}.v_pagination .v_pagination_body .v_pagination_item:hover{color:var(--vary-primary-color)}.v_pagination .v_pagination_body .v_pagination_item--active{border-color:var(--vary-primary-color);color:var(--vary-primary-color)}.v_pagination .v_pagination_body .v_pagination_prev .icon-arrow-left{height:1em;transform:rotate(180deg);width:1em}.v_pagination .v_pagination_body .v_pagination_prev:hover .icon-arrow-left{color:var(--vary-primary-color)}.v_pagination .v_pagination_body .v_pagination_next .icon-arrow-right{height:1em;width:1em}.v_pagination .v_pagination_body .v_pagination_next:hover .icon-arrow-right{color:var(--vary-primary-color)}.v_pagination .v_pagination_body .v_select{margin-left:.4em;text-align:center;width:10em}.v_pagination .v_pagination_body .v_select .v_select_search{color:#666;text-align:center}.v_pagination--left{justify-content:flex-start}.v_pagination--right{justify-content:flex-end}.v_scene[class*=lg-],.v_scene[class*=md-],.v_scene[class*=sm-],.v_scene[class*=xs-]{flex-shrink:0;width:100%}@media screen and (max-width:768px){.v_scene.xs-1{width:16.66666%}.v_scene.xs-2{width:33.333333%}.v_scene.xs-3{width:50%}.v_scene.xs-4{width:66.66666%}.v_scene.xs-5{width:83.333333%}.v_scene.xs-6{width:100%}}@media screen and (min-width:768px){.v_scene.sm-1{width:16.66666%}.v_scene.sm-2{width:33.333333%}.v_scene.sm-3{width:50%}.v_scene.sm-4{width:66.66666%}.v_scene.sm-5{width:83.333333%}.v_scene.sm-6{width:100%}}@media screen and (min-width:960px){.v_scene.md-1{width:16.66666%}.v_scene.md-2{width:33.333333%}.v_scene.md-3{width:50%}.v_scene.md-4{width:66.66666%}.v_scene.md-5{width:83.333333%}.v_scene.md-6{width:100%}}@media screen and (min-width:1440px){.v_scene.lg-1{width:16.66666%}.v_scene.lg-2{width:33.333333%}.v_scene.lg-3{width:50%}.v_scene.lg-4{width:66.66666%}.v_scene.lg-5{width:83.333333%}.v_scene.lg-6{width:100%}}.v_scene--flex{align-items:flex-start;display:flex}.v_scene--stretch{align-items:stretch}.v_scene--fill>*{flex-grow:1;min-width:0}.v_scene--wrap{flex-wrap:wrap}.v_scene--between{justify-content:space-between}.v_scene--around{justify-content:space-around}.v_scene--evenly{justify-content:space-evenly}.v_scene--center{justify-content:center}.v_scene--left{justify-content:flex-start}.v_scene--right{justify-content:flex-end}.v_scene--middle{align-items:center}.v_scene--top{align-items:flex-start}.v_scene--bottom{align-items:flex-end}.v_scene--fixed{flex-grow:0;flex-shrink:0}.v_scene--column{flex-direction:column}.v_scene--grow{flex-grow:1;min-width:0}.v_skeleton{animation:VarSkeletonLoading 1.5s ease infinite;background:#aaa;height:1.5em;margin-bottom:1em;width:100%}@keyframes VarSkeletonLoading{0%{background-image:linear-gradient(100deg,#eee 30%,#fff 55%,#eee 80%);background-position:100% 0;background-size:300% 100%}to{background-image:linear-gradient(100deg,#eee 30%,#fff 55%,#eee 80%);background-position:0 0;background-size:300% 100%}}.v_switch[data-v-bdb44f46]{background-color:#eee;border-radius:100px;cursor:pointer;padding:2px;width:44px}.v_switch .v_switch_bar[data-v-bdb44f46]{background-color:#b2b2b2;border-radius:100px;height:20px;margin-left:1px;transition:all .2s linear;width:20px}.v_switch--active .v_switch_bar[data-v-bdb44f46]{background-color:var(--vary-primary-color);margin-left:19px}.v_tab{color:var(--vary-font-color);cursor:default;font-size:var(--vary-font-size)}.v_tab--shadow{box-shadow:var(--vary-box-shadow)}.v_tab .v_tab_nav_group{border-bottom:1px solid var(--vary-border-color-light);display:flex}.v_tab .v_tab_nav_group .v_tab_nav_item{border-bottom:2px solid transparent;color:#999;margin-bottom:-2px;padding:10px 14px;transition:all .2s linear}.v_tab .v_tab_nav_group .v_tab_nav_item:hover{color:var(--vary-primary-color)}.v_tab .v_tab_nav_group .v_tab_nav_item--active{border-color:var(--vary-primary-color);color:var(--vary-primary-color);font-weight:700}.v_tab .v_tab_nav_group .v_tab_nav_item--disabled{cursor:not-allowed}.v_tab--border{border:1px solid var(--vary-border-color)}.v_tab--border .v_tab_nav_group{background-color:var(--vary-border-color);border:none}.v_tab--border .v_tab_nav_group .v_tab_nav_item{border:none}.v_tab--border .v_tab_nav_group .v_tab_nav_item--active{background-color:#fff;color:var(--vary-primary-color)}.v_tab .v_tab_panel_group{padding:10px 14px}.v_tab .v_tab_panel_group .v_tab_panel_item{animation-duration:.2s;animation-timing-function:linear;left:200%;position:fixed;top:0;visibility:hidden;width:100%}.v_tab .v_tab_panel_group .v_tab_panel_item_active{position:static;visibility:visible}.v_tab .v_tab_panel_group .v_tab_panel_item_last{opacity:1;z-index:2}.v_tab .v_tab_panel_group .enter-left{animation-fill-mode:forwards;animation-name:enter-left}.v_tab .v_tab_panel_group .leave-left{animation-fill-mode:forwards;animation-name:leave-left}.v_tab .v_tab_panel_group .enter-right{animation-fill-mode:forwards;animation-name:enter-right}.v_tab .v_tab_panel_group .leave-right{animation-fill-mode:forwards;animation-name:leave-right}@keyframes enter-left{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes leave-left{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes enter-right{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes leave-right{0%{transform:translateX(0)}to{transform:translateX(100%)}}.v_tab .v_tab_panel_group .list-enter-active,.v_tab .v_tab_panel_group .list-leave-active{transition:all .5s ease}.v_tab .v_tab_panel_group .list-enter-from,.v_tab .v_tab_panel_group .list-leave-to{opacity:0;transform:translateX(30px)}.v_tab_shadow_always,.v_tab_shadow_hover:hover{box-shadow:0 0 10px rgba(4,4,4,.1)}.v_table{background-color:#fff;border-radius:4px;color:var(--vary-font-color);display:inline-flex;flex-direction:column;font-size:var(--vary-font-size);max-width:100%;overflow:hidden;position:relative;user-select:none;white-space:nowrap}.v_table .v_table_menu{background-color:var(--vary-border-color);border:1px solid var(--vary-border-color);border-radius:4px;box-shadow:0 0 6px rgba(0,0,0,.3);color:#666;display:none;font-size:12px;min-width:160px;position:fixed;text-align:left;z-index:20}.v_table .v_table_menu--show{display:block}.v_table .v_table_menu .v_table_menu_item{border-radius:4px;cursor:pointer;padding-bottom:4px;padding-left:20px;padding-top:4px}.v_table .v_table_menu .v_table_menu_item:hover{background-color:var(--vary-border-color-dark)}.v_table .v_table_head{position:relative}.v_table .v_table_head .v_table_head_left{left:0;position:absolute;top:0;z-index:2}.v_table .v_table_head .v_table_head_left--show_shadow{box-shadow:0 0 4px rgba(0,0,0,.3)}.v_table .v_table_head .v_table_head_left tr{background-color:var(--vary-border-color-light)}.v_table .v_table_head .v_table_head_main{position:relative;z-index:1}.v_table .v_table_head .v_table_head_main tr{background-color:var(--vary-border-color-light)}.v_table .v_table_head .v_table_head_right{position:absolute;right:0;top:0;z-index:2}.v_table .v_table_head .v_table_head_right--show_shadow{box-shadow:0 0 4px rgba(0,0,0,.3)}.v_table .v_table_head .v_table_head_right tr{background-color:var(--vary-border-color-light)}.v_table .v_table_body{flex-grow:1;min-height:0;position:relative}.v_table .v_table_body .v_table_body_left{left:0;position:absolute;top:0;z-index:2}.v_table .v_table_body .v_table_body_left--show_shadow{box-shadow:0 2px 4px rgba(0,0,0,.3)}.v_table .v_table_body .v_table_body_right{position:absolute;right:0;top:0;z-index:2}.v_table .v_table_body .v_table_body_right--show_shadow{box-shadow:0 2px 4px rgba(0,0,0,.3)}.v_table .v_table_td--fix-width,.v_table .v_table_th--fix-width{white-space:pre-wrap;word-break:break-all}.v_table table{background-color:#fff;border-collapse:collapse;border-color:#fff;border-spacing:0;box-sizing:border-box;padding:0;table-layout:auto}.v_table table tr{padding:0}.v_table table th{font-weight:700;padding:0}.v_table table td{padding:0;vertical-align:middle}.v_table--debug table td:nth-child(2n),.v_table--debug table th:nth-child(2n){background-color:rgba(255,0,0,.098)}.v_table .v_table_tr--hover{background-color:var(--vary-border-color-light);transition:all .2s linear}.v_table .v_table_cell{min-width:100%;padding:10px}.v_table .v_table_th .v_table_cell{align-items:center;display:flex}.v_table .v_table_th .v_table_th_wrap{flex-grow:1}.v_table .v_table_th .v_table_sort{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:0 4px;transform:scale(.7)}.v_table .v_table_th .v_table_sort .icon-triangle-down,.v_table .v_table_th .v_table_sort .icon-triangle-up{cursor:pointer;font-size:14px}.v_table .v_table_th .v_table_sort .icon-triangle-down{margin-top:0}.v_table .v_table_th .v_table_sort--asc>.icon-triangle-up,.v_table .v_table_th .v_table_sort--desc>.icon-triangle-down{color:var(--vary-primary-color)}.v_table .v_table_th .v_table_default_filter{padding:0 4px}.v_table .v_table_cell--clear{display:flex;padding:0}.v_table .v_table_cell--clear .v_table_th_wrap{flex-grow:1}.v_table .v_table_empty{align-items:center;color:#999;display:flex;justify-content:center;min-height:200px}.v_table--small{font-size:var(--vary-font-size-small)}.v_table--small .v_table_cell{padding:6px}.v_table--large{font-size:var(--vary-font-size-large);padding:14px}.v_table--align--left{text-align:left}.v_table--align--center{text-align:center}.v_table--align--right{text-align:right}.v_table--stripe tr:nth-child(2n){background-color:var(--vary-border-color-light)}.v_table--border tr+tr,.v_table--full-border{border-top:1px solid var(--vary-border-color)}.v_table--full-border{border-bottom:1px solid var(--vary-border-color)}.v_table--full-border table{border-left:1px solid var(--vary-border-color);border-right:1px solid var(--vary-border-color)}.v_table--full-border td{border-top:1px solid var(--vary-border-color)}.v_table--full-border td+td,.v_table--full-border th+th{border-left:1px solid var(--vary-border-color)}.v_tree{background-color:var(--vary-menu-background-color);color:#666}.v_tree .v_tree_item{align-items:center;display:flex;height:30px;padding:0 6px;transition:all .2s linear}.v_tree .v_tree_item .v_tree_item_content{align-items:center;display:flex;flex-grow:1;min-width:0}.v_tree .v_tree_item .v_tree_icon_row{flex-shrink:0;width:24px}.v_tree .v_tree_item .v_tree_item_icon{display:block;height:1em;margin:0 .4em;width:1em}.v_tree .v_tree_item .v_tree_item_text{flex-grow:1}.v_tree .v_tree_item .v_tree_item_icon{color:#999;cursor:pointer;height:10px;transform:rotate(-90deg);transition:transform .2s linear;width:10px}.v_tree .v_tree_item .v_tree_item_icon--open{transform:rotate(0deg)}.v_tree .v_tree_item .v_tree_arrow{height:1em;transition:all .2s linear;width:1em}.v_tree .v_tree_item:hover{background-color:var(--vary-menu-hover-background-color)}.v_tree .v_tree_item:hover .v_tree_item_text{color:var(--vary-primary-color)}.v_tree .v_tree_item--open .v_tree_arrow{transform:rotate(90deg)}.v_tree .v_tree_item--active .v_tree_item_text{color:var(--vary-primary-color)}.v_tree .v_tree_item--active:hover{background-color:var(--vary-menu-hover-background-color)}.v_tree .v_tree_item--active:hover .v_tree_item_text{color:var(--vary-primary-color)}.v_tree .v_tree_children_group{display:none;transition:height .1s linear}.v_tree .v_tree_children_group--open{display:block}.v_radio{display:inline-block;font-size:var(--vary-font-size);height:var(--vary-height);user-select:none}.v_radio--small{font-size:var(--vary-font-size-small);height:var(--vary-height-small)}.v_radio--large{font-size:var(--vary-font-size-large);height:var(--vary-height-large)}.v_radio .v_radio_body{align-items:center;display:flex;height:100%;white-space:nowrap}.v_radio .v_radio_body .v_radio_field{align-items:center;background-color:#fff;border:1px solid var(--vary-border-color);border-radius:1000px;cursor:pointer;display:flex;height:1em;justify-content:center;transition:all .1s linear;width:1em}.v_radio .v_radio_body .v_radio_label{padding-right:14px}.v_radio .v_radio_body--checked{color:var(--vary-primary-color)}.v_radio .v_radio_body--checked .v_radio_field{border:.3em solid var(--vary-primary-color)}.v_radio .v_radio_body--disabled{color:var(--vary-radio-disabled-color);cursor:not-allowed}.v_radio .v_radio_body--disabled .v_radio_field{background-color:var(--vary-radio-disabled-background-color);border-color:var(--vary-radio-disabled-border-color)}.v_radio--button .v_radio_body{border:1px solid var(--vary-border-color);margin-left:-1px;padding:5px 10px;transition:all .2s linear}.v_radio--button .v_radio_body--checked{border-color:var(--vary-primary-color);color:var(--vary-primary-color);position:relative;z-index:2}.v_radio--button:first-child .v_radio_body{border-bottom-left-radius:4px;border-top-left-radius:4px}.v_radio--button:last-child .v_radio_body{border-bottom-right-radius:4px;border-top-right-radius:4px}.v_message,.v_radio_group--inline{align-items:center;display:flex}.v_message{animation:VarMessageEnter .2s linear;animation-fill-mode:forwards;border:1px solid rgba(0,0,0,.03);border-radius:4px;font-size:var(--vary-font-size);left:50%;min-height:var(--vary-height);padding:6px 12px;position:fixed;transition:all .5s linear;width:var(--vary-message-width);z-index:100}.v_message--small{font-size:var(--vary-font-size-small);min-height:var(--vary-height-small)}.v_message--large{font-size:var(--vary-font-size-large);min-height:var(--vary-height-large)}@keyframes VarMessageEnter{0%{opacity:0;transform:translate(-50%,-100%)}to{opacity:1;transform:translate(-50%)}}.v_message--success{background-color:var(--vary-success-color-light);color:var(--vary-success-color)}.v_message--danger{background-color:var(--vary-danger-color-light);color:var(--vary-danger-color)}.v_message--warning{background-color:var(--vary-warning-color-light);color:var(--vary-warning-color)}.v_message--tips{background-color:var(--vary-info-color-light);color:var(--vary-info-color)}.v_confirm{align-items:flex-start;animation:VarConfirmEnter .2s linear;animation-fill-mode:forwards;background-color:var(--vary-cover-color);bottom:0;color:var(--vary-font-color);display:flex;font-size:var(--vary-font-size);justify-content:center;left:0;padding-top:var(--vary-confirm-top);position:fixed;right:0;top:0;z-index:var(--vary-confirm-index)}.v_confirm.leave{animation:VarConfirmLeave .2s linear}.v_confirm_body{animation:VarConfirmBodyEnter .2s linear;background-color:#fff;border-radius:4px;max-width:400px;width:100vw}.v_confirm_body.leave{animation:VarConfirmBodyLeave .2s linear}.v_confirm_title{border-bottom:1px solid var(--vary-border-color);font-size:1.2em;padding:10px 14px}.v_confirm_content_wrapper{display:flex;padding:10px 14px}.v_confirm_content_wrapper .v_confirm_content{padding-top:4px}.v_confirm_icon{font-size:1.6em;margin-right:10px}.v_confirm_icon--success{color:var(--vary-success-color)}.v_confirm_icon--warning{color:var(--vary-warning-color)}.v_confirm_icon--danger{color:var(--vary-danger-color)}.v_confirm_icon--info{color:var(--vary-info-color)}.v_confirm_footer{align-items:center;display:flex;justify-content:flex-end;padding:.4em 1em}.v_confirm_footer .v_button{margin-left:1em}@keyframes VarConfirmEnter{0%{opacity:0}to{opacity:1}}@keyframes VarConfirmLeave{0%{opacity:1}to{opacity:0}}@keyframes VarConfirmBodyEnter{0%{opacity:0;transform:scale(.1)}to{opacity:1;transform:scale(1)}}@keyframes VarConfirmBodyLeave{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.1)}}.v_preview{background-color:rgba(0,0,0,.749);bottom:0;left:0;position:fixed;right:0;top:0;user-select:none}.v_preview .v_preview_tips{color:#fff;left:50%;padding-top:10px;position:absolute;top:0;transform:translateX(-50%);z-index:2}.v_preview .v_preview_close{color:hsla(0,0%,100%,.495);position:absolute;right:10px;top:10px;z-index:2}.v_preview .v_preview_close .icon{cursor:pointer;height:40px;transition:all .1s linear;width:40px}.v_preview .v_preview_close .icon:hover{color:#fff}.v_preview .v_preview_body{align-items:center;display:flex;flex-grow:1;height:100%;justify-content:center;width:100%}.v_preview .v_preview_body .v_preview_control{align-items:center;display:flex;flex-shrink:0;justify-content:center;padding:0 10vh}.v_preview .v_preview_body .v_preview_control .icon{color:hsla(0,0%,100%,.495);cursor:pointer;height:80px;transition:all .1s linear;width:80px}.v_preview .v_preview_body .v_preview_control .icon:hover{color:var(--vary-primary-color);color:#fff}.v_preview .v_preview_body .v_preview_prev .icon{transform:rotate(180deg)}.v_preview .v_preview_stage{align-items:center;display:flex;height:100%;justify-content:center;padding:10vh;width:100%}.v_preview .v_preview_current{display:block;max-height:100%;max-width:100%}a,button,div,h1,h2,h3,h4,h5,h6,input,li,p,span,textarea,ul{box-sizing:border-box;margin:0;padding:0}li,ul{list-style:none}svg[class^=v_icon]{height:1em;width:1em}input[class^=v_]{font-size:inherit}:root{--vary-height-small:24px;--vary-height:32px;--vary-height-large:40px;--vary-width:180px;--vary-box-shadow:0px 0px 10px rgba(4,4,4,.1);--vary-font-color:#737684;--vary-font-color-light:#cfcfcf;--vary-font-size:14px;--vary-font-size-large:16px;--vary-font-size-small:12px;--vary-primary-color:#409eff;--vary-primary-color-dark:#2d81db;--vary-primary-color-light:#eaf5ff;--vary-success-color:#5cba33;--vary-success-color-dark:#4aa622;--vary-success-color-light:#e1fbd6;--vary-warning-color:#e6b800;--vary-warning-color-dark:#c99700;--vary-warning-color-light:#fcf5e0;--vary-danger-color:#f05151;--vary-danger-color-dark:#be0101;--vary-danger-color-light:#feefef;--vary-error-color:#ec605e;--vary-error-color-dark:#d44442;--vary-error-color-light:#ff7f7d;--vary-info-color:grey;--vary-info-color-dark:#666;--vary-info-color-light:#ebebeb;--vary-inline-height:2.3em;--vary-inline-width:16em;--vary-border-color:#f0f0f0;--vary-border-color-dark:#e0e0e0;--vary-border-color-light:#f0f0f095;--vary-button-inline-width:auto;--vary-message-width:26em;--vary-cover-color:rgba(0,0,0,.4);--vary-confirm-width:26em;--vary-confirm-top:20vh;--vary-confirm-index:99;--vary-prefix-background-color:#ececec86;--vary-suffix-background-color:transparent;--vary-input-disabled-background-color:#f0f0f095;--vary-date-disabled-background-color:#f0f0f095;--vary-date-prefix-background-color:transparent;--vary-date-suffix-background-color:transparent;--vary-radio-disabled-color:silver;--vary-radio-disabled-border-color:#c8c8c8;--vary-radio-disabled-background-color:#ececec;--vary-table-th-color:#173751;--vary-table-th-background-color:#e7f3fe;--vary-table-border-color:#efefef;--vary-table-td-color:#727272;--vary-table-hover-background-color:#f1f5fdb8;--vary-tree-hover-color:#f5fbff;--vary-menu-background-color:#fff;--vary-menu-hover-color:#999;--vary-menu-hover-background-color:#eef8ff;--vary-scroll-background-color:transparent;--vary-scroll-thumb-width:6px;--vary-scroll-thumb-color:hsla(0,0%,81%,.872);--vary-scroll-thumb-hover-color:hsla(0,0%,55%,.872)}@font-face{font-display:block;font-family:icomoon;font-style:normal;font-weight:400;src:url(fonts/icomoon.eot?vb5kns);src:url(fonts/icomoon.eot?vb5kns#iefix) format("embedded-opentype"),url(fonts/icomoon.ttf?vb5kns) format("truetype"),url(fonts/icomoon.woff?vb5kns) format("woff"),url(fonts/icomoon.svg?vb5kns#icomoon) format("svg")}[class*=" icon-"],[class^=icon-]{speak:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:icomoon!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none}.icon-copy:before{content:"\e962"}.icon-account-box:before{content:"\e900"}.icon-account:before{content:"\e901"}.icon-add-round-fill:before{content:"\e902"}.icon-add-round:before{content:"\e903"}.icon-add:before{content:"\e904"}.icon-alarm-close:before{content:"\e905"}.icon-alarm-open:before{content:"\e906"}.icon-alarm:before{content:"\e907"}.icon-arrow_double_down:before{content:"\e908"}.icon-arrow-double-left:before{content:"\e909"}.icon-arrow-double-right:before{content:"\e90a"}.icon-arrow-double-up:before{content:"\e90b"}.icon-arrow-down:before{content:"\e90c"}.icon-arrow-left:before{content:"\e90d"}.icon-arrow-right:before{content:"\e90e"}.icon-arrow-up:before{content:"\e90f"}.icon-back:before{content:"\e910"}.icon-book:before{content:"\e911"}.icon-call:before{content:"\e912"}.icon-camera:before{content:"\e913"}.icon-card:before{content:"\e914"}.icon-check-round-fill:before{content:"\e915"}.icon-check-round:before{content:"\e916"}.icon-check:before{content:"\e917"}.icon-clipboard:before{content:"\e918"}.icon-close-round-fill:before{content:"\e919"}.icon-close-round:before{content:"\e91a"}.icon-close:before{content:"\e91b"}.icon-danger-fill:before{content:"\e91c"}.icon-danger:before{content:"\e91d"}.icon-dashboard:before{content:"\e91e"}.icon-delete-fill:before{content:"\e91f"}.icon-delete:before{content:"\e920"}.icon-download-cloud:before{content:"\e921"}.icon-download:before{content:"\e922"}.icon-earth:before{content:"\e923"}.icon-edit-border:before{content:"\e924"}.icon-edit:before{content:"\e925"}.icon-eye-off:before{content:"\e926"}.icon-eye:before{content:"\e927"}.icon-feedback:before{content:"\e928"}.icon-file:before{content:"\e929"}.icon-group-fill:before{content:"\e92a"}.icon-group:before{content:"\e92b"}.icon-home-fill:before{content:"\e92c"}.icon-home:before{content:"\e92d"}.icon-info-fill:before{content:"\e92e"}.icon-info:before{content:"\e92f"}.icon-key:before{content:"\e930"}.icon-lines:before{content:"\e931"}.icon-loading:before{content:"\e932"}.icon-log:before{content:"\e933"}.icon-menu-fill:before{content:"\e938"}.icon-menu-flower:before{content:"\e939"}.icon-menu-squash:before{content:"\e93a"}.icon-menu:before{content:"\e93b"}.icon-monitor-line:before{content:"\e93c"}.icon-monitor:before{content:"\e93d"}.icon-more-horiz:before{content:"\e93e"}.icon-more-vert:before{content:"\e93f"}.icon-note:before{content:"\e940"}.icon-person-fill:before{content:"\e941"}.icon-person:before{content:"\e942"}.icon-phone:before{content:"\e943"}.icon-photo:before{content:"\e944"}.icon-place:before{content:"\e945"}.icon-play-fill:before{content:"\e946"}.icon-play:before{content:"\e947"}.icon-pull-down:before{content:"\e948"}.icon-pull-left:before{content:"\e949"}.icon-pull-right:before{content:"\e94a"}.icon-pull-up:before{content:"\e94b"}.icon-question-fill:before{content:"\e94c"}.icon-question:before{content:"\e94d"}.icon-refresh:before{content:"\e94e"}.icon-relation .path1:before{content:"\e94f"}.icon-relation .path2:before{content:"\e950";margin-left:-1em}.icon-relation .path3:before{content:"\e951";margin-left:-1em}.icon-relation .path4:before{content:"\e952";margin-left:-1em}.icon-search:before{content:"\e953"}.icon-settings:before{content:"\e954"}.icon-sub-circle:before{content:"\e955"}.icon-sub-fill:before{content:"\e956"}.icon-sub:before{content:"\e957"}.icon-tag:before{content:"\e958"}.icon-triangle-down:before{content:"\e959"}.icon-triangle-left:before{content:"\e95a"}.icon-triangle-right:before{content:"\e95b"}.icon-triangle-up:before{content:"\e95c"}.icon-tubiao_jilu:before{content:"\e95d"}.icon-tv:before{content:"\e95e"}.icon-upload-cloud:before{content:"\e95f"}.icon-upload:before{content:"\e960"}.icon-viewlist:before{content:"\e961"}
1
+ .v_button{align-items:center;background-color:transparent;background-color:#fff;border:1px solid transparent;border:1px solid var(--vary-border-color);border-radius:4px;color:var(--vary-font-color);cursor:pointer;display:inline-flex;font-size:var(--vary-font-size);height:var(--vary-height);justify-content:center;outline:none;padding:0 8px;transition:all .1s}.v_button:hover{background-color:var(--vary-border-color)}.v_button--small{font-size:var(--vary-font-size-small);height:var(--vary-height-small);padding:0 6px}.v_button--large{font-size:var(--vary-font-size-large);height:var(--vary-height-large);padding:0 10px}.v_button .v_button_icon{margin-right:3px}.v_button_prefix{margin-right:4px}.v_button_suffix{margin-left:4px}.v_button+.v_button{margin-left:14px}.v_button--round{border-radius:100px}.v_button--primary{background-color:var(--vary-primary-color);border:none;color:#fff}.v_button--primary.v_button--plain{background-color:var(--vary-primary-color-light);color:var(--vary-primary-color)}.v_button--primary.v_button--border{border:1px solid var(--vary-primary-color)}.v_button--primary:hover{background-color:var(--vary-primary-color-dark);color:#fff}.v_button--success{background-color:var(--vary-success-color);border:none;color:#fff}.v_button--success.v_button--plain{background-color:var(--vary-success-color-light);color:var(--vary-success-color)}.v_button--success.v_button--border{border:1px solid var(--vary-success-color)}.v_button--success:hover{background-color:var(--vary-success-color-dark);color:#fff}.v_button--danger{background-color:var(--vary-danger-color);border:none;color:#fff}.v_button--danger.v_button--plain{background-color:var(--vary-danger-color-light);color:var(--vary-danger-color)}.v_button--danger.v_button--border{border:1px solid var(--vary-danger-color)}.v_button--danger:hover{background-color:var(--vary-danger-color-dark);color:#fff}.v_button--warning{background-color:var(--vary-warning-color);border:none;color:#fff}.v_button--warning.v_button--plain{background-color:var(--vary-warning-color-light);color:var(--vary-warning-color)}.v_button--warning.v_button--border{border:1px solid var(--vary-warning-color)}.v_button--warning:hover{background-color:var(--vary-warning-color-dark);color:#fff}.v_button--info{background-color:var(--vary-info-color);border:none;color:#fff}.v_button--info.v_button--plain{background-color:var(--vary-info-color-light);color:var(--vary-info-color)}.v_button--info.v_button--border{border:1px solid var(--vary-info-color)}.v_button--info:hover{background-color:var(--vary-info-color-dark);color:#fff}.v_button.v_button--disabled,.v_button.v_button--disabled:hover{background-color:#f0f0f0;border:none;color:#999;cursor:not-allowed}.v_card{background-color:#fff;border-radius:4px;color:var(--vary-font-color)}.v_card,.v_card .v_card_header{font-size:var(--vary-font-size)}.v_card .v_card_header{border-bottom:1px solid var(--vary-border-color);padding:10px 14px}.v_card .v_card_body,.v_card .v_card_footer{padding:10px 14px}.v_card--small .v_card_title{font-size:var(--vary-font-size-small)}.v_card--large .v_card_title{font-size:var(--vary-font-size-large)}.v_card--border{border:1px solid var(--vary-border-color)}.v_card_shadow--always,.v_card_shadow--hover:hover{box-shadow:0 0 10px rgba(4,4,4,.1)}.v_checkbox{color:var(--vary-font-color);display:inline-block;font-size:var(--vary-font-size);height:var(--vary-height);user-select:none}.v_checkbox+.v_checkbox{margin-left:14px}.v_checkbox .v_checkbox_body{align-items:center;display:flex;height:100%}.v_checkbox--small{font-size:var(--vary-font-size-small);height:var(--vary-height-small)}.v_checkbox--large{font-size:var(--vary-font-size-large);height:var(--vary-height-large)}.v_checkbox .v_checkbox_field{align-items:center;background-color:#fff;border:1px solid var(--vary-border-color);border-radius:2px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:1em;justify-content:center;transition:all .1s linear;width:1em}.v_checkbox .v_checkbox_field .icon_check{color:#fff;font-size:.5em}.v_checkbox .v_checkbox_field .icon_line{height:100%;width:80%}.v_checkbox .v_checkbox_label{padding-left:4px;white-space:normal}.v_checkbox_body--checked{color:var(--vary-primary-color)}.v_checkbox_body--checked .v_checkbox_field,.v_checkbox_body--partial .v_checkbox_field{background-color:var(--vary-primary-color);border-color:var(--vary-primary-color)}.v_checkbox_body--disabled{cursor:not-allowed}.v_checkbox_body--disabled .v_checkbox_field{background-color:#999}.v_checkbox_group--inline{align-items:center;display:flex}.v_popover{cursor:default;position:relative}.v_popover .v_popover_pop{display:none;padding:8px 0;position:absolute;width:max-content;z-index:4}.v_popover .v_popover_pop .v_popover_arrow{background-color:#fff;border:1px solid var(--vary-border-color);height:8px;position:absolute;width:8px}.v_popover .v_popover_pop .v_popover_arrow_top{border-bottom-color:transparent;border-right-color:transparent;top:4px;transform:rotate(45deg)}.v_popover .v_popover_pop .v_popover_arrow_bottom{border-left-color:transparent;border-top-color:transparent;bottom:4px;transform:rotate(45deg)}.v_popover .v_popover_pop .v_popover_container{background-color:#fff;border:1px solid var(--vary-border-color);border-radius:4px;box-shadow:0 0 10px rgba(4,4,4,.1);cursor:default}.v_popover .v_popover_pop--open{display:block}@keyframes popover-open{0%{opacity:0}to{opacity:1}}.v_popover .v_popover_pop--bottom{animation:VarPopoverOpenBottom .1s linear;animation-fill-mode:forwards}.v_popover .v_popover_pop--top{animation:VarPopoverOpenTop .1s linear;animation-fill-mode:forwards}@keyframes VarPopoverOpenBottom{0%{opacity:0;top:110%}to{opacity:1;top:100%}}@keyframes VarPopoverOpenTop{0%{bottom:90%;opacity:0}to{bottom:100%;opacity:1}}.v_popover .v_popover_pop--left{left:0}.v_popover .v_popover_pop--left .v_popover_arrow{left:1em}.v_popover .v_popover_pop--right{right:0}.v_popover .v_popover_pop--right .v_popover_arrow{right:1em}.v_popover .v_popover_pop--center{left:50%;transform:translateX(-50%)}.v_popover .v_popover_pop--center .v_popover_arrow{left:50%;margin-left:-4px}.v_scroll{overflow:hidden;position:relative;user-select:none}.v_scroll .v_scroll_body{min-width:100%;transform:matrix(1,0,0,1,0,0);transition:all .1s linear;width:max-content}.v_scroll .v_scroll_thumb_y{background-color:#fff;border-left:1px solid var(--vary-border-color);border-right:1px solid var(--vary-border-color);bottom:0;display:none;padding:0 1px;position:absolute;right:0;top:0;z-index:3}.v_scroll .v_scroll_thumb_y--show{display:block}.v_scroll .v_scroll_thumb_y .v_scroll_thumb_bar{background-color:var(--vary-border-color);border-radius:10px;height:100%;transition:all .05s linear;width:6px}.v_scroll .v_scroll_thumb_y .v_scroll_thumb_bar:hover{background-color:var(--vary-border-color-dark)}.v_scroll .v_scroll_thumb_x{background-color:#fff;border-bottom:1px solid var(--vary-border-color);border-top:1px solid var(--vary-border-color);bottom:0;display:none;left:0;padding:1px 0;position:absolute;right:0;z-index:3}.v_scroll .v_scroll_thumb_x--show{display:block}.v_scroll .v_scroll_thumb_x .v_scroll_thumb_bar{background-color:var(--vary-border-color);border-radius:10px;height:6px;transition:all .05s linear;width:100%}.v_scroll .v_scroll_thumb_x .v_scroll_thumb_bar:hover{background-color:var(--vary-border-color-dark)}.v_link{align-items:center;color:var(--vary-font-color);cursor:pointer;display:inline-flex;font-size:var(--vary-font-size);justify-content:center;transition:all .1s}.v_link--small{font-size:12px}.v_link--large{font-size:16px}.v_link_prefix{margin-right:4px}.v_link_suffix{margin-left:4px}.v_link+.v_link{margin-left:14px}.v_link--primary{color:var(--vary-primary-color)}.v_link--primary:hover{color:var(--vary-primary-color-dark)}.v_link--success{color:var(--vary-success-color)}.v_link--success:hover{color:var(--vary-success-color-dark)}.v_link--danger{color:var(--vary-danger-color)}.v_link--danger:hover{color:var(--vary-danger-color-dark)}.v_link--warning{color:var(--vary-warning-color)}.v_link--warning:hover{color:var(--vary-warning-color-dark)}.v_link--info{color:var(--vary-info-color)}.v_link--info:hover{color:var(--vary-info-color-dark)}.v_link.v_link--disabled{cursor:not-allowed}.v_link.v_link--disabled:hover{color:#999;cursor:not-allowed}.v_wrap{display:flex;width:100%}.v_wrap .v_wrap_body{align-items:center;display:flex;flex-grow:1;min-height:var(--vary-inline-height);width:80%}.v_wrap .v_prefix{background-color:var(--vary-border-color-light)}.v_wrap .v_prefix,.v_wrap .v_suffix{align-items:center;display:flex;flex-shrink:0;justify-content:center;padding:0 8px}.v_date{color:var(--vary-font-color);display:inline-block;font-size:var(--vary-font-size);margin-right:1em;user-select:none;width:var(--vary-inline-width)}.v_date .v_date_body{background-color:#fff;border:1px solid var(--vary-border-color);border-radius:4px;display:flex;height:var(--vary-height);justify-content:center;position:relative;transition:all .1s linear}.v_date .v_date_body .v_date_prefix{background-color:var(--vary-boder-color-light);border-bottom-left-radius:4px;border-top-left-radius:4px}.v_date .v_date_body .v_date_prefix,.v_date .v_date_body .v_date_suffix{align-items:center;display:flex;flex-shrink:0;justify-content:center;padding:0 10px}.v_date .v_date_body .v_date_suffix{border-bottom-right-radius:4px;border-top-right-radius:4px}.v_date .v_date_body .v_date_clear{align-self:center;cursor:pointer;height:18px;padding:0 .2em}.v_date .v_date_body .v_date_clear>*{display:block;height:100%;width:100%}.v_date .v_date_body .v_date_result{background-color:transparent;border:none;color:inherit;flex-grow:1;height:100%;outline:none;padding:0 10px;width:100%}.v_date .v_date_body .v_date_result::placeholder{color:var(--vary-font-color-light)}.v_date .v_date_body .v_date_result--center{text-align:center}.v_date .v_date_body .v_date_result--right{text-align:right}.v_date--small{font-size:var(--vary-font-size-small)}.v_date--small .v_date_body{height:var(--vary-height-small)}.v_date--large{font-size:var(--vary-font-size-large)}.v_date--large .v_date_body{height:var(--vary-height-large)}.v_date .v_date_body--focus{border-color:var(--vary-primary-color)}.v_date .v_date_wrapper{align-items:flex-start;display:flex}.v_date--block{display:block;width:auto}.v_date--readonly .v_date_result{cursor:default}.v_date--disabled .v_date_body{background-color:var(--vary-date-disabled-background-color)}.v_date--disabled .v_date_result{cursor:not-allowed}.v_date_panel{cursor:default;width:22em}.v_date_tips{color:#adadad;font-size:12px;font-weight:lighter;padding-top:1em;text-align:center}.v_date_panel_header{align-items:center;display:flex;font-size:1.2em;height:2.4em;text-align:center}.v_date_panel_current{flex-grow:1}.v_date_panel_current span{transition:all .1s linear}.v_date_panel_current>span:hover{color:var(--vary-primary-color)}.v_date_prev_month,.v_date_prev_year{transform:rotate(180deg)}.v_date_day_panel .v_date_week_group{align-items:center;border-bottom:1px solid var(--vary-border-color);display:flex;height:3em}.v_date_day_panel .v_date_week_item{flex-grow:1;text-align:center;width:14%}.v_date_day_panel .v_date_day_group{align-content:flex-start;display:flex;flex-wrap:wrap;height:15.4em}.v_date_day_panel .v_date_day_item{align-items:center;display:flex;flex-grow:1;height:2.6em;justify-content:center;text-align:center;transition:all .2s linear;width:14%}.v_date_day_panel .v_date_day_item .v_date_day_text{align-items:center;border-radius:100px;display:block;display:flex;font-size:.8em;height:2.4em;justify-content:center;transition:all .2s linear;width:2.4em}.v_date_day_panel .v_date_day_item:hover .v_date_day_text{background-color:#f0f8ff}.v_date_day_panel .v_date_day_light{color:#bebebe}.v_date_day_panel .v_date_day--today .v_date_day_text{text-decoration:underline}.v_date_day_panel .v_date_day--current{color:var(--vary-primary-color);font-weight:700}.v_date_day_panel .v_date_day--current .v_date_day_text,.v_date_day_panel .v_date_day--current:hover .v_date_day_text{background-color:var(--vary-primary-color);color:#fff}.v_date_month_panel .v_date_month_group{display:flex;flex-wrap:wrap}.v_date_month_panel .v_date_month_item{flex-grow:1;padding:1.4em 0;text-align:center;width:25%}.v_date_month_panel .v_date_month_text{display:block;font-size:.8em;padding:.4em 0;transition:all .2s linear}.v_date_month_panel .v_date_month_item:hover .v_date_month_text{background-color:#f0f8ff}.v_date_month_panel .v_date_month_current{color:var(--vary-primary-color);font-weight:700}.v_date_year_panel .v_date_year_group{display:flex;flex-wrap:wrap;height:18.4em}.v_date_year_panel .v_date_year_item{flex-grow:1;padding:1.4em 0;text-align:center;width:20%}.v_date_year_panel .v_date_year_text{display:block;font-size:.8em;padding:.4em 0;transition:all .2s linear}.v_date_year_panel .v_date_year_item:hover .v_date_year_text{background-color:#f0f8ff}.v_date_year_panel .v_date_year_current{color:var(--vary-primary-color);font-weight:700}.v_date_time_panel{padding-left:1em;padding-right:1em;width:auto}.v_date_time_panel .v_date_time_head{font-size:1.2em;height:2.4em;padding:.4em 0;text-align:center}.v_date_time_panel .v_date_time_body{align-items:center;display:flex;position:relative}.v_date_time_panel .v_date_time_cover{background-color:rgba(0,119,255,.073);height:28px;left:0;position:absolute;right:0;top:calc(3em + 84px);z-index:0}.v_date_time_panel .v_date_time_col{text-align:center}.v_date_time_panel .v_date_time_col .v_date_time_type{border-bottom:1px solid var(--vary-border-color);height:3em;line-height:3em}.v_date_time_panel .v_date_time_col .v_date_time_scroll{border-bottom:1px solid var(--vary-border-color);height:16em}.v_date_time_panel .v_date_time_col .v_date_time_text{font-size:.8em;height:28px;line-height:28px;padding:0 2em;text-align:center}.v_date_time_panel .v_date_time_col .v_date_time_text--active,.v_date_time_panel .v_date_time_col .v_date_time_text:hover{color:var(--vary-primary-color)}.v_date_panel_control{font-size:.9em;padding:.4em 0;text-align:right}.v_dialog{color:var(--vary-font-color);cursor:default;display:none;font-size:var(--vary-font-size);user-select:none}.v_dialog--open{align-items:flex-start;animation:VarDialogOpen .1s linear;background-color:var(--vary-cover-color);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}@keyframes VarDialogOpen{0%{opacity:0}to{opacity:1}}.v_dialog--open .v_dialog_wrapper{animation:VarDialogWrapperOpen .1s linear;animation-fill-mode:forwards;background-color:#fff;border-radius:4px}.v_dialog--open .v_dialog_wrapper .v_dialog_header{align-items:center;border-bottom:1px solid var(--vary-border-color);display:flex;padding:10px 14px}.v_dialog--open .v_dialog_wrapper .v_dialog_header .v_dialog_header_flex{flex-grow:1}.v_dialog--open .v_dialog_wrapper .v_dialog_header .v_dialog_clear_btn{cursor:pointer;flex-shrink:0}.v_dialog--open .v_dialog_wrapper .v_dialog_header .v_dialog_clear_btn .icon-close-round-fill{height:16px;transition:all .1s linear;width:16px}.v_dialog--open .v_dialog_wrapper .v_dialog_header .v_dialog_clear_btn .icon-close-round-fill:hover{animation:VarDialogClearIcon .1s linear;color:#87d3ff}.v_dialog--open .v_dialog_wrapper .v_dialog_footer{padding:10px 14px}@keyframes VarDialogClearIcon{0%{opacity:.6}to{opacity:1}}.v_dialog--open .v_dialog_wrapper .v_dialog_body{padding:10px 14px;width:50vw}@keyframes VarDialogWrapperOpen{0%{transform:translateY(2em)}to{transform:translateY(0)}}.v_divider{background-color:var(--vary-border-color)}.v_field{color:var(--vary-font-color);font-size:var(--vary-font-size);min-height:var(--vary-height)}.v_field .v_field_label{align-items:center;display:flex;margin-right:10px;min-height:var(--vary-height)}.v_field .v_field_label--required:before{color:red;content:"*";margin-right:2px}.v_field .v_field_error{color:var(--vary-error-color);height:24px;padding:4px}.v_field--small{font-size:var(--vary-font-size-small)}.v_field--small,.v_field--small .v_field_label{min-height:var(--vary-height-small)}.v_field--large{font-size:var(--vary-font-size-large)}.v_field--large,.v_field--large .v_field_label{min-height:var(--vary-height-large)}.v_field--inline{align-items:flex-start;display:inline-flex}.v_field--inline .v_field_label{flex-shrink:0}.v_field--inline.v_field--label-top{align-items:flex-start}.v_field--inline.v_field--label-bottom{align-items:flex-end}.v_field--inline.v_field--label-center .v_field_label{justify-content:center}.v_field--inline.v_field--label-right .v_field_label{justify-content:flex-end}.v_field--inline .v_field_body{flex-grow:1;min-width:0}.v_field--inline .v_field_body>*{display:block;width:100%}.v_input{background-color:#fff;border:1px solid var(--vary-border-color);border-radius:4px;color:var(--vary-font-color);display:inline-block;font-size:var(--vary-font-size);height:var(--vary-height);justify-content:center;transition:all .1s linear;vertical-align:middle;width:var(--vary-inline-width)}.v_input--small{font-size:var(--vary-font-size-small);height:var(--vary-height-small)}.v_input--large{font-size:var(--vary-font-size-large);height:var(--vary-height-large)}.v_input .v_input_body{height:100%}.v_input_field{background-color:transparent;border:none;color:inherit;flex-grow:1;height:100%;outline:none;padding:0 8px;width:100%}.v_input_field::placeholder{color:var(--vary-font-color-light)}.v_input_field:disabled{cursor:not-allowed}.v_input_field_textarea{min-height:100px;padding:10px 14px}.v_input_field_textarea::placeholder{color:var(--vary-font-color-light)}.v_input_field--center{text-align:center}.v_input_field--right{text-align:right}.v_input_eye{align-self:center;cursor:pointer;padding-right:8px}.v_input_eye>*{display:block;height:100%;width:100%}.v_input_clear{align-self:center;color:#999;cursor:pointer;display:none;padding-right:8px}.v_input_clear:hover{color:var(--vary-primary-color)}.v_input_clear>*{display:block;height:100%;width:100%}.v_input_clear--show{display:block}.v_input--focus{border-color:var(--vary-primary-color)}.v_input--readonly .v_input_field{cursor:default}.v_input--disabled{background-color:var(--vary-border-color-light);cursor:not-allowed}.v_menu{background-color:var(--vary-menu-background-color);height:100%}.v_menu .v_menu_body{max-height:100%;overflow-y:auto}.v_menu .v_menu_item{align-items:center;display:flex;height:50px;padding:0 1em;transition:all .2s linear}.v_menu .v_menu_item .v_menu_item_content{align-items:center;display:flex;flex-grow:1;min-width:0}.v_menu .v_menu_item .v_menu_item_icon{display:block;height:1em;margin:0 .4em;width:1em}.v_menu .v_menu_item .v_menu_item_text{flex-grow:1}.v_menu .v_menu_item .v_menu_item_icon{height:20px;width:20px}.v_menu .v_menu_item .v_icon_arrow{height:1em;transition:all .2s linear;width:1em}.v_menu .v_menu_item:hover{background-color:var(--vary-menu-hover-background-color)}.v_menu .v_menu_item:hover .v_menu_item_text{color:var(--vary-primary-color)}.v_menu .v_menu_item--open .v_icon_arrow{transform:rotate(90deg)}.v_menu .v_menu_item--active .v_menu_item_text{color:var(--vary-primary-color)}.v_menu .v_menu_item--active:hover{background-color:var(--vary-menu-hover-background-color)}.v_menu .v_menu_item--active:hover .v_menu_item_text{color:var(--vary-primary-color)}.v_menu .v_menu_children{overflow:hidden;transition:height .1s linear}.v_loading--fixed{position:fixed}.v_loading--absolute,.v_loading--fixed{background:var(--vary-cover-color);bottom:0;left:0;right:0;top:0}.v_loading--absolute{position:absolute}.v_loading{align-items:center;animation:VarLoadingShow .15s linear;display:flex;flex-direction:column;justify-content:center;z-index:20}@keyframes VarLoadingShow{0%{opacity:0}to{opacity:1}}.v_loading .v_loading_svg{animation:VarLoadingRotate 1.2s linear infinite;color:var(--vary-primary-color);height:80px;width:80px}.v_loading .v_loading_svg .svg_icon{display:block;height:100%;width:100%}@keyframes VarLoadingRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.v_loading .v_loading_text{color:var(--vary-primary-color)}.v_loading_leave{animation:VarLoadingHide .2s linear;animation-fill-mode:forwards}@keyframes VarLoadingHide{0%{opacity:1}to{opacity:0}}.v_select{color:var(--vary-font-color);display:inline-block;font-size:var(--vary-font-size);position:relative;user-select:none;vertical-align:middle;width:var(--vary-width)}.v_select .v_select_body{background-color:#fff;border:1px solid var(--vary-border-color);border-radius:4px;display:flex;justify-content:center;min-height:var(--vary-height);overflow:hidden;transition:all .1s linear}.v_select .v_select_body--small{min-height:var(--vary-height-small)}.v_select .v_select_body--large{min-height:var(--vary-height-large)}.v_select .v_select_body .v_select_icon_row{align-items:center;display:flex;padding:0 6px;position:relative}.v_select .v_select_body .v_select_icon_row .v_select_clear{align-items:center;align-self:center;background-color:#fff;bottom:0;cursor:pointer;display:flex;display:none;flex-shrink:0;padding:0 4px;position:absolute;right:0;top:0}.v_select .v_select_body .v_select_icon_row .v_select_clear:hover{color:var(--vary-primary-color)}.v_select .v_select_body .v_select_icon_row .v_select_clear>*{display:block;height:1.2em;width:1.2em}.v_select .v_select_body:hover .v_select_clear{align-items:center;display:flex;justify-content:center}.v_select .v_select_body .v_select_arrow{align-self:center;height:14px;padding-left:10px;padding-right:10px}.v_select .v_select_body .v_select_arrow .v_icon_arrow{transform:rotate(90deg);transition:transform .1s linear}.v_select .v_select_body .v_select_arrow_open{align-self:center}.v_select .v_select_body .v_select_arrow_open .v_icon_arrow{transform:rotate(270deg)}.v_select .v_select_body .v_select_only_show_result{color:var(--vary-primary-color);padding:0 .6em}.v_select .v_select_body .v_select_value_container{align-items:center;display:flex;flex-grow:1;flex-wrap:wrap;width:50%}.v_select .v_select_body .v_select_value_container .v_select_value_item{align-items:center;display:flex;flex-shrink:0;font-size:.8em;max-width:100%;padding:2px 4px}.v_select .v_select_body .v_select_value_container .v_select_value_item_multiple{background-color:#f0f8ff;border-radius:4px;cursor:pointer;margin-bottom:2px;margin-left:4px;margin-top:2px}.v_select .v_select_body .v_select_value_container .v_select_value_single{align-items:center;border-radius:4px;display:flex;margin-bottom:2px;padding:0 .6em}.v_select .v_select_body .v_select_value_container .v_select_value_text{margin-right:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v_select .v_select_body .v_select_value_container .v_icon_cancel{height:1.2em;width:1.2em}.v_select .v_select_body .v_select_value_container .v_select_placeholder{color:var(--vary-font-color-light);font-size:.9em;overflow:hidden;padding:0 6px;text-overflow:ellipsis;white-space:nowrap}.v_select .v_select_body .v_select_value_container .v_select_search_input{border:none;flex-grow:1;flex-shrink:0;font-size:.9em;outline:none;padding:0 10px;width:30px}.v_select .v_select_body .v_select_value_container .v_select_search_input::placeholder{color:var(--vary-font-color-light)}.v_select .v_select_loading{padding:10px 40px}.v_select .v_select_pop_root{padding:4px 0}.v_select .v_select_filter_root{margin-bottom:10px;padding:0 8px}.v_select .v_select_cols_root{align-items:stretch;display:flex}.v_select .v_select_cols_root .v_select_col_item{max-height:200px;min-width:160px}.v_select .v_select_cols_root .v_select_col_item+.v_select_col_item{border-left:1px solid var(--vary-border-color-light)}.v_select .v_select_cols_root .v_select_col_item_full{width:100%}.v_select .v_select_option{align-items:center;display:flex;height:var(--vary-height);justify-content:space-between;min-width:120px;padding:0 14px;position:relative;word-break:break-all}.v_select .v_select_option--small{height:var(--vary-height-small)}.v_select .v_select_option--large{height:var(--vary-height-large)}.v_select .v_select_option+.v_select .v_select_option{border-top:1px solid var(--vary-border-color)}.v_select .v_select_option:hover{background-color:var(--vary-tree-hover-color)}.v_select .v_select_option .v_select_option_text{flex-grow:1;margin-right:10px}.v_select .v_select_option .v_checkbox{margin-right:4px}.v_select .v_select_option_selected{color:var(--vary-primary-color);font-weight:700}.v_select .v_select_option_in_chain{background-color:var(--vary-tree-hover-color)}.v_select .v_select_option_in_chain .icon-arrow-right{color:var(--vary-primary-color);opacity:1}.v_select_focus .v_select_body{border-color:var(--vary-primary-color)}.v_select_readonly .v_select_search{cursor:default}.v_select_disabled .v_select_body{background-color:var(--vary-input-disabled-background-color);cursor:not-allowed}.v_select_disabled .v_select_search{cursor:not-allowed}.v_select_empty_default{padding:16px}.v_select_btn_row{border-top:1px solid var(--vary-border-color);padding:10px}.v_pagination,.v_select_btn_row{display:flex;justify-content:center}.v_pagination{color:var(--vary-font-color);cursor:default;font-size:var(--vary-font-size)}.v_pagination--small{font-size:var(--vary-font-size-small)}.v_pagination--large{font-size:var(--vary-font-size-large)}.v_pagination .v_pagination_body{align-items:center;display:flex}.v_pagination .v_pagination_body .v_pagination_item{align-items:center;background-color:#fff;border:1px solid var(--vary-border-color);border-radius:4px;cursor:pointer;display:flex;height:2.4em;justify-content:center;margin-left:.4em;min-width:2.4em;padding:0 6px;transition:all .2s linear}.v_pagination .v_pagination_body .v_pagination_item:hover{color:var(--vary-primary-color)}.v_pagination .v_pagination_body .v_pagination_item--active{border-color:var(--vary-primary-color);color:var(--vary-primary-color)}.v_pagination .v_pagination_body .v_pagination_prev .icon-arrow-left{height:1em;transform:rotate(180deg);width:1em}.v_pagination .v_pagination_body .v_pagination_prev:hover .icon-arrow-left{color:var(--vary-primary-color)}.v_pagination .v_pagination_body .v_pagination_next .icon-arrow-right{height:1em;width:1em}.v_pagination .v_pagination_body .v_pagination_next:hover .icon-arrow-right{color:var(--vary-primary-color)}.v_pagination .v_pagination_body .v_select{margin-left:.4em;text-align:center;width:10em}.v_pagination .v_pagination_body .v_select .v_select_search{color:#666;text-align:center}.v_pagination--left{justify-content:flex-start}.v_pagination--right{justify-content:flex-end}.v_scene[class*=lg-],.v_scene[class*=md-],.v_scene[class*=sm-],.v_scene[class*=xs-]{flex-shrink:0;width:100%}@media screen and (max-width:768px){.v_scene.xs-1{width:16.66666%}.v_scene.xs-2{width:33.333333%}.v_scene.xs-3{width:50%}.v_scene.xs-4{width:66.66666%}.v_scene.xs-5{width:83.333333%}.v_scene.xs-6{width:100%}}@media screen and (min-width:768px){.v_scene.sm-1{width:16.66666%}.v_scene.sm-2{width:33.333333%}.v_scene.sm-3{width:50%}.v_scene.sm-4{width:66.66666%}.v_scene.sm-5{width:83.333333%}.v_scene.sm-6{width:100%}}@media screen and (min-width:960px){.v_scene.md-1{width:16.66666%}.v_scene.md-2{width:33.333333%}.v_scene.md-3{width:50%}.v_scene.md-4{width:66.66666%}.v_scene.md-5{width:83.333333%}.v_scene.md-6{width:100%}}@media screen and (min-width:1440px){.v_scene.lg-1{width:16.66666%}.v_scene.lg-2{width:33.333333%}.v_scene.lg-3{width:50%}.v_scene.lg-4{width:66.66666%}.v_scene.lg-5{width:83.333333%}.v_scene.lg-6{width:100%}}.v_scene--flex{align-items:flex-start;display:flex}.v_scene--stretch{align-items:stretch}.v_scene--fill>*{flex-grow:1;min-width:0}.v_scene--wrap{flex-wrap:wrap}.v_scene--between{justify-content:space-between}.v_scene--around{justify-content:space-around}.v_scene--evenly{justify-content:space-evenly}.v_scene--center{justify-content:center}.v_scene--left{justify-content:flex-start}.v_scene--right{justify-content:flex-end}.v_scene--middle{align-items:center}.v_scene--top{align-items:flex-start}.v_scene--bottom{align-items:flex-end}.v_scene--fixed{flex-grow:0;flex-shrink:0}.v_scene--column{flex-direction:column}.v_scene--grow{flex-grow:1;min-width:0}.v_skeleton{animation:VarSkeletonLoading 1.5s ease infinite;background:#aaa;height:1.5em;margin-bottom:1em;width:100%}@keyframes VarSkeletonLoading{0%{background-image:linear-gradient(100deg,#eee 30%,#fff 55%,#eee 80%);background-position:100% 0;background-size:300% 100%}to{background-image:linear-gradient(100deg,#eee 30%,#fff 55%,#eee 80%);background-position:0 0;background-size:300% 100%}}.v_switch[data-v-bdb44f46]{background-color:#eee;border-radius:100px;cursor:pointer;padding:2px;width:44px}.v_switch .v_switch_bar[data-v-bdb44f46]{background-color:#b2b2b2;border-radius:100px;height:20px;margin-left:1px;transition:all .2s linear;width:20px}.v_switch--active .v_switch_bar[data-v-bdb44f46]{background-color:var(--vary-primary-color);margin-left:19px}.v_tab{color:var(--vary-font-color);cursor:default;font-size:var(--vary-font-size)}.v_tab--shadow{box-shadow:var(--vary-box-shadow)}.v_tab .v_tab_nav_group{border-bottom:1px solid var(--vary-border-color-light);display:flex}.v_tab .v_tab_nav_group .v_tab_nav_item{border-bottom:2px solid transparent;color:#999;margin-bottom:-2px;padding:10px 14px;transition:all .2s linear}.v_tab .v_tab_nav_group .v_tab_nav_item:hover{color:var(--vary-primary-color)}.v_tab .v_tab_nav_group .v_tab_nav_item--active{border-color:var(--vary-primary-color);color:var(--vary-primary-color);font-weight:700}.v_tab .v_tab_nav_group .v_tab_nav_item--disabled{cursor:not-allowed}.v_tab--border{border:1px solid var(--vary-border-color)}.v_tab--border .v_tab_nav_group{background-color:var(--vary-border-color);border:none}.v_tab--border .v_tab_nav_group .v_tab_nav_item{border:none}.v_tab--border .v_tab_nav_group .v_tab_nav_item--active{background-color:#fff;color:var(--vary-primary-color)}.v_tab .v_tab_panel_group{padding:10px 14px}.v_tab .v_tab_panel_group .v_tab_panel_item{animation-duration:.2s;animation-timing-function:linear;left:200%;position:fixed;top:0;visibility:hidden;width:100%}.v_tab .v_tab_panel_group .v_tab_panel_item_active{position:static;visibility:visible}.v_tab .v_tab_panel_group .v_tab_panel_item_last{opacity:1;z-index:2}.v_tab .v_tab_panel_group .enter-left{animation-fill-mode:forwards;animation-name:enter-left}.v_tab .v_tab_panel_group .leave-left{animation-fill-mode:forwards;animation-name:leave-left}.v_tab .v_tab_panel_group .enter-right{animation-fill-mode:forwards;animation-name:enter-right}.v_tab .v_tab_panel_group .leave-right{animation-fill-mode:forwards;animation-name:leave-right}@keyframes enter-left{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes leave-left{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes enter-right{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes leave-right{0%{transform:translateX(0)}to{transform:translateX(100%)}}.v_tab .v_tab_panel_group .list-enter-active,.v_tab .v_tab_panel_group .list-leave-active{transition:all .5s ease}.v_tab .v_tab_panel_group .list-enter-from,.v_tab .v_tab_panel_group .list-leave-to{opacity:0;transform:translateX(30px)}.v_tab_shadow_always,.v_tab_shadow_hover:hover{box-shadow:0 0 10px rgba(4,4,4,.1)}.v_table{background-color:#fff;border-radius:4px;color:var(--vary-font-color);display:inline-flex;flex-direction:column;font-size:var(--vary-font-size);max-width:100%;overflow:hidden;position:relative;user-select:none;white-space:nowrap}.v_table .v_table_menu{background-color:var(--vary-border-color);border:1px solid var(--vary-border-color);border-radius:4px;box-shadow:0 0 6px rgba(0,0,0,.3);color:#666;display:none;font-size:12px;min-width:160px;position:fixed;text-align:left;z-index:20}.v_table .v_table_menu--show{display:block}.v_table .v_table_menu .v_table_menu_item{border-radius:4px;cursor:pointer;padding-bottom:4px;padding-left:20px;padding-top:4px}.v_table .v_table_menu .v_table_menu_item:hover{background-color:var(--vary-border-color-dark)}.v_table .v_table_head{position:relative}.v_table .v_table_head .v_table_head_left{left:0;position:absolute;top:0;z-index:2}.v_table .v_table_head .v_table_head_left--show_shadow{box-shadow:0 0 4px rgba(0,0,0,.3)}.v_table .v_table_head .v_table_head_left tr{background-color:var(--vary-border-color-light)}.v_table .v_table_head .v_table_head_main{position:relative;z-index:1}.v_table .v_table_head .v_table_head_main tr{background-color:var(--vary-border-color-light)}.v_table .v_table_head .v_table_head_right{position:absolute;right:0;top:0;z-index:2}.v_table .v_table_head .v_table_head_right--show_shadow{box-shadow:0 0 4px rgba(0,0,0,.3)}.v_table .v_table_head .v_table_head_right tr{background-color:var(--vary-border-color-light)}.v_table .v_table_body{flex-grow:1;min-height:0;position:relative}.v_table .v_table_body .v_table_body_left{left:0;position:absolute;top:0;z-index:2}.v_table .v_table_body .v_table_body_left--show_shadow{box-shadow:0 2px 4px rgba(0,0,0,.3)}.v_table .v_table_body .v_table_body_right{position:absolute;right:0;top:0;z-index:2}.v_table .v_table_body .v_table_body_right--show_shadow{box-shadow:0 2px 4px rgba(0,0,0,.3)}.v_table .v_table_td--fix-width,.v_table .v_table_th--fix-width{white-space:pre-wrap;word-break:break-all}.v_table table{background-color:#fff;border-collapse:collapse;border-color:#fff;border-spacing:0;box-sizing:border-box;padding:0;table-layout:auto}.v_table table tr{padding:0}.v_table table th{font-weight:700;padding:0}.v_table table td{padding:0;vertical-align:middle}.v_table--debug table td:nth-child(2n),.v_table--debug table th:nth-child(2n){background-color:rgba(255,0,0,.098)}.v_table .v_table_tr--hover{background-color:var(--vary-border-color-light);transition:all .2s linear}.v_table .v_table_cell{min-width:100%;padding:10px}.v_table .v_table_th .v_table_cell{align-items:center;display:flex}.v_table .v_table_th .v_table_th_wrap{flex-grow:1}.v_table .v_table_th .v_table_sort{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:0 4px;transform:scale(.7)}.v_table .v_table_th .v_table_sort .icon-triangle-down,.v_table .v_table_th .v_table_sort .icon-triangle-up{cursor:pointer;font-size:14px}.v_table .v_table_th .v_table_sort .icon-triangle-down{margin-top:0}.v_table .v_table_th .v_table_sort--asc>.icon-triangle-up,.v_table .v_table_th .v_table_sort--desc>.icon-triangle-down{color:var(--vary-primary-color)}.v_table .v_table_th .v_table_default_filter{padding:0 4px}.v_table .v_table_cell--clear{display:flex;padding:0}.v_table .v_table_cell--clear .v_table_th_wrap{flex-grow:1}.v_table .v_table_empty{align-items:center;color:#999;display:flex;justify-content:center;min-height:200px}.v_table--small{font-size:var(--vary-font-size-small)}.v_table--small .v_table_cell{padding:6px}.v_table--large{font-size:var(--vary-font-size-large)}.v_table--large .v_table_cell{padding:14px}.v_table--align--left{text-align:left}.v_table--align--center{text-align:center}.v_table--align--right{text-align:right}.v_table--stripe tr:nth-child(2n){background-color:var(--vary-border-color-light)}.v_table--border tr+tr,.v_table--full-border{border-top:1px solid var(--vary-border-color)}.v_table--full-border{border-bottom:1px solid var(--vary-border-color)}.v_table--full-border table{border-left:1px solid var(--vary-border-color);border-right:1px solid var(--vary-border-color)}.v_table--full-border td{border-top:1px solid var(--vary-border-color)}.v_table--full-border td+td,.v_table--full-border th+th{border-left:1px solid var(--vary-border-color)}.v_tree{background-color:var(--vary-menu-background-color);color:#666}.v_tree .v_tree_item{align-items:center;display:flex;height:30px;padding:0 6px;transition:all .2s linear}.v_tree .v_tree_item .v_tree_item_content{align-items:center;display:flex;flex-grow:1;min-width:0}.v_tree .v_tree_item .v_tree_icon_row{flex-shrink:0;width:24px}.v_tree .v_tree_item .v_tree_item_icon{display:block;height:1em;margin:0 .4em;width:1em}.v_tree .v_tree_item .v_tree_item_text{flex-grow:1}.v_tree .v_tree_item .v_tree_item_icon{color:#999;cursor:pointer;height:10px;transform:rotate(-90deg);transition:transform .2s linear;width:10px}.v_tree .v_tree_item .v_tree_item_icon--open{transform:rotate(0deg)}.v_tree .v_tree_item .v_tree_arrow{height:1em;transition:all .2s linear;width:1em}.v_tree .v_tree_item:hover{background-color:var(--vary-menu-hover-background-color)}.v_tree .v_tree_item:hover .v_tree_item_text{color:var(--vary-primary-color)}.v_tree .v_tree_item--open .v_tree_arrow{transform:rotate(90deg)}.v_tree .v_tree_item--active .v_tree_item_text{color:var(--vary-primary-color)}.v_tree .v_tree_item--active:hover{background-color:var(--vary-menu-hover-background-color)}.v_tree .v_tree_item--active:hover .v_tree_item_text{color:var(--vary-primary-color)}.v_tree .v_tree_children_group{display:none;transition:height .1s linear}.v_tree .v_tree_children_group--open{display:block}.v_radio{display:inline-block;font-size:var(--vary-font-size);height:var(--vary-height);user-select:none}.v_radio--small{font-size:var(--vary-font-size-small);height:var(--vary-height-small)}.v_radio--large{font-size:var(--vary-font-size-large);height:var(--vary-height-large)}.v_radio .v_radio_body{align-items:center;display:flex;height:100%;white-space:nowrap}.v_radio .v_radio_body .v_radio_field{align-items:center;background-color:#fff;border:1px solid var(--vary-border-color);border-radius:1000px;cursor:pointer;display:flex;height:1em;justify-content:center;transition:all .1s linear;width:1em}.v_radio .v_radio_body .v_radio_label{padding-right:14px}.v_radio .v_radio_body--checked{color:var(--vary-primary-color)}.v_radio .v_radio_body--checked .v_radio_field{border:.3em solid var(--vary-primary-color)}.v_radio .v_radio_body--disabled{color:var(--vary-radio-disabled-color);cursor:not-allowed}.v_radio .v_radio_body--disabled .v_radio_field{background-color:var(--vary-radio-disabled-background-color);border-color:var(--vary-radio-disabled-border-color)}.v_radio--button .v_radio_body{border:1px solid var(--vary-border-color);margin-left:-1px;padding:5px 10px;transition:all .2s linear}.v_radio--button .v_radio_body--checked{border-color:var(--vary-primary-color);color:var(--vary-primary-color);position:relative;z-index:2}.v_radio--button:first-child .v_radio_body{border-bottom-left-radius:4px;border-top-left-radius:4px}.v_radio--button:last-child .v_radio_body{border-bottom-right-radius:4px;border-top-right-radius:4px}.v_message,.v_radio_group--inline{align-items:center;display:flex}.v_message{animation:VarMessageEnter .2s linear;animation-fill-mode:forwards;border:1px solid rgba(0,0,0,.03);border-radius:4px;font-size:var(--vary-font-size);left:50%;min-height:var(--vary-height);padding:6px 12px;position:fixed;transition:all .5s linear;width:var(--vary-message-width);z-index:100}.v_message--small{font-size:var(--vary-font-size-small);min-height:var(--vary-height-small)}.v_message--large{font-size:var(--vary-font-size-large);min-height:var(--vary-height-large)}@keyframes VarMessageEnter{0%{opacity:0;transform:translate(-50%,-100%)}to{opacity:1;transform:translate(-50%)}}.v_message--success{background-color:var(--vary-success-color-light);color:var(--vary-success-color)}.v_message--danger{background-color:var(--vary-danger-color-light);color:var(--vary-danger-color)}.v_message--warning{background-color:var(--vary-warning-color-light);color:var(--vary-warning-color)}.v_message--tips{background-color:var(--vary-info-color-light);color:var(--vary-info-color)}.v_confirm{align-items:flex-start;animation:VarConfirmEnter .2s linear;animation-fill-mode:forwards;background-color:var(--vary-cover-color);bottom:0;color:var(--vary-font-color);display:flex;font-size:var(--vary-font-size);justify-content:center;left:0;padding-top:var(--vary-confirm-top);position:fixed;right:0;top:0;z-index:var(--vary-confirm-index)}.v_confirm.leave{animation:VarConfirmLeave .2s linear}.v_confirm_body{animation:VarConfirmBodyEnter .2s linear;background-color:#fff;border-radius:4px;max-width:400px;width:100vw}.v_confirm_body.leave{animation:VarConfirmBodyLeave .2s linear}.v_confirm_title{border-bottom:1px solid var(--vary-border-color);font-size:1.2em;padding:10px 14px}.v_confirm_content_wrapper{display:flex;padding:10px 14px}.v_confirm_content_wrapper .v_confirm_content{padding-top:4px}.v_confirm_icon{font-size:1.6em;margin-right:10px}.v_confirm_icon--success{color:var(--vary-success-color)}.v_confirm_icon--warning{color:var(--vary-warning-color)}.v_confirm_icon--danger{color:var(--vary-danger-color)}.v_confirm_icon--info{color:var(--vary-info-color)}.v_confirm_footer{align-items:center;display:flex;justify-content:flex-end;padding:.4em 1em}.v_confirm_footer .v_button{margin-left:1em}@keyframes VarConfirmEnter{0%{opacity:0}to{opacity:1}}@keyframes VarConfirmLeave{0%{opacity:1}to{opacity:0}}@keyframes VarConfirmBodyEnter{0%{opacity:0;transform:scale(.1)}to{opacity:1;transform:scale(1)}}@keyframes VarConfirmBodyLeave{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.1)}}.v_preview{background-color:rgba(0,0,0,.749);bottom:0;left:0;position:fixed;right:0;top:0;user-select:none}.v_preview .v_preview_tips{color:#fff;left:50%;padding-top:10px;position:absolute;top:0;transform:translateX(-50%);z-index:2}.v_preview .v_preview_close{color:hsla(0,0%,100%,.495);position:absolute;right:10px;top:10px;z-index:2}.v_preview .v_preview_close .icon{cursor:pointer;height:40px;transition:all .1s linear;width:40px}.v_preview .v_preview_close .icon:hover{color:#fff}.v_preview .v_preview_body{align-items:center;display:flex;flex-grow:1;height:100%;justify-content:center;width:100%}.v_preview .v_preview_body .v_preview_control{align-items:center;display:flex;flex-shrink:0;justify-content:center;padding:0 10vh}.v_preview .v_preview_body .v_preview_control .icon{color:hsla(0,0%,100%,.495);cursor:pointer;height:80px;transition:all .1s linear;width:80px}.v_preview .v_preview_body .v_preview_control .icon:hover{color:var(--vary-primary-color);color:#fff}.v_preview .v_preview_body .v_preview_prev .icon{transform:rotate(180deg)}.v_preview .v_preview_stage{align-items:center;display:flex;height:100%;justify-content:center;padding:10vh;width:100%}.v_preview .v_preview_current{display:block;max-height:100%;max-width:100%}a,button,div,h1,h2,h3,h4,h5,h6,input,li,p,span,textarea,ul{box-sizing:border-box;margin:0;padding:0}li,ul{list-style:none}svg[class^=v_icon]{height:1em;width:1em}input[class^=v_]{font-size:inherit}:root{--vary-height-small:24px;--vary-height:32px;--vary-height-large:40px;--vary-width:180px;--vary-box-shadow:0px 0px 10px rgba(4,4,4,.1);--vary-font-color:#737684;--vary-font-color-light:#cfcfcf;--vary-font-size:14px;--vary-font-size-large:16px;--vary-font-size-small:12px;--vary-primary-color:#409eff;--vary-primary-color-dark:#2d81db;--vary-primary-color-light:#eaf5ff;--vary-success-color:#5cba33;--vary-success-color-dark:#4aa622;--vary-success-color-light:#e1fbd6;--vary-warning-color:#e6b800;--vary-warning-color-dark:#c99700;--vary-warning-color-light:#fcf5e0;--vary-danger-color:#f05151;--vary-danger-color-dark:#be0101;--vary-danger-color-light:#feefef;--vary-error-color:#ec605e;--vary-error-color-dark:#d44442;--vary-error-color-light:#ff7f7d;--vary-info-color:grey;--vary-info-color-dark:#666;--vary-info-color-light:#ebebeb;--vary-inline-height:2.3em;--vary-inline-width:16em;--vary-border-color:#f0f0f0;--vary-border-color-dark:#e0e0e0;--vary-border-color-light:#f0f0f095;--vary-button-inline-width:auto;--vary-message-width:26em;--vary-cover-color:rgba(0,0,0,.4);--vary-confirm-width:26em;--vary-confirm-top:20vh;--vary-confirm-index:99;--vary-prefix-background-color:#ececec86;--vary-suffix-background-color:transparent;--vary-input-disabled-background-color:#f0f0f095;--vary-date-disabled-background-color:#f0f0f095;--vary-date-prefix-background-color:transparent;--vary-date-suffix-background-color:transparent;--vary-radio-disabled-color:silver;--vary-radio-disabled-border-color:#c8c8c8;--vary-radio-disabled-background-color:#ececec;--vary-table-th-color:#173751;--vary-table-th-background-color:#e7f3fe;--vary-table-border-color:#efefef;--vary-table-td-color:#727272;--vary-table-hover-background-color:#f1f5fdb8;--vary-tree-hover-color:#f5fbff;--vary-menu-background-color:#fff;--vary-menu-hover-color:#999;--vary-menu-hover-background-color:#eef8ff;--vary-scroll-background-color:transparent;--vary-scroll-thumb-width:6px;--vary-scroll-thumb-color:hsla(0,0%,81%,.872);--vary-scroll-thumb-hover-color:hsla(0,0%,55%,.872)}@font-face{font-display:block;font-family:icomoon;font-style:normal;font-weight:400;src:url(fonts/icomoon.eot?vb5kns);src:url(fonts/icomoon.eot?vb5kns#iefix) format("embedded-opentype"),url(fonts/icomoon.ttf?vb5kns) format("truetype"),url(fonts/icomoon.woff?vb5kns) format("woff"),url(fonts/icomoon.svg?vb5kns#icomoon) format("svg")}[class*=" icon-"],[class^=icon-]{speak:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:icomoon!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none}.icon-copy:before{content:"\e962"}.icon-account-box:before{content:"\e900"}.icon-account:before{content:"\e901"}.icon-add-round-fill:before{content:"\e902"}.icon-add-round:before{content:"\e903"}.icon-add:before{content:"\e904"}.icon-alarm-close:before{content:"\e905"}.icon-alarm-open:before{content:"\e906"}.icon-alarm:before{content:"\e907"}.icon-arrow_double_down:before{content:"\e908"}.icon-arrow-double-left:before{content:"\e909"}.icon-arrow-double-right:before{content:"\e90a"}.icon-arrow-double-up:before{content:"\e90b"}.icon-arrow-down:before{content:"\e90c"}.icon-arrow-left:before{content:"\e90d"}.icon-arrow-right:before{content:"\e90e"}.icon-arrow-up:before{content:"\e90f"}.icon-back:before{content:"\e910"}.icon-book:before{content:"\e911"}.icon-call:before{content:"\e912"}.icon-camera:before{content:"\e913"}.icon-card:before{content:"\e914"}.icon-check-round-fill:before{content:"\e915"}.icon-check-round:before{content:"\e916"}.icon-check:before{content:"\e917"}.icon-clipboard:before{content:"\e918"}.icon-close-round-fill:before{content:"\e919"}.icon-close-round:before{content:"\e91a"}.icon-close:before{content:"\e91b"}.icon-danger-fill:before{content:"\e91c"}.icon-danger:before{content:"\e91d"}.icon-dashboard:before{content:"\e91e"}.icon-delete-fill:before{content:"\e91f"}.icon-delete:before{content:"\e920"}.icon-download-cloud:before{content:"\e921"}.icon-download:before{content:"\e922"}.icon-earth:before{content:"\e923"}.icon-edit-border:before{content:"\e924"}.icon-edit:before{content:"\e925"}.icon-eye-off:before{content:"\e926"}.icon-eye:before{content:"\e927"}.icon-feedback:before{content:"\e928"}.icon-file:before{content:"\e929"}.icon-group-fill:before{content:"\e92a"}.icon-group:before{content:"\e92b"}.icon-home-fill:before{content:"\e92c"}.icon-home:before{content:"\e92d"}.icon-info-fill:before{content:"\e92e"}.icon-info:before{content:"\e92f"}.icon-key:before{content:"\e930"}.icon-lines:before{content:"\e931"}.icon-loading:before{content:"\e932"}.icon-log:before{content:"\e933"}.icon-menu-fill:before{content:"\e938"}.icon-menu-flower:before{content:"\e939"}.icon-menu-squash:before{content:"\e93a"}.icon-menu:before{content:"\e93b"}.icon-monitor-line:before{content:"\e93c"}.icon-monitor:before{content:"\e93d"}.icon-more-horiz:before{content:"\e93e"}.icon-more-vert:before{content:"\e93f"}.icon-note:before{content:"\e940"}.icon-person-fill:before{content:"\e941"}.icon-person:before{content:"\e942"}.icon-phone:before{content:"\e943"}.icon-photo:before{content:"\e944"}.icon-place:before{content:"\e945"}.icon-play-fill:before{content:"\e946"}.icon-play:before{content:"\e947"}.icon-pull-down:before{content:"\e948"}.icon-pull-left:before{content:"\e949"}.icon-pull-right:before{content:"\e94a"}.icon-pull-up:before{content:"\e94b"}.icon-question-fill:before{content:"\e94c"}.icon-question:before{content:"\e94d"}.icon-refresh:before{content:"\e94e"}.icon-relation .path1:before{content:"\e94f"}.icon-relation .path2:before{content:"\e950";margin-left:-1em}.icon-relation .path3:before{content:"\e951";margin-left:-1em}.icon-relation .path4:before{content:"\e952";margin-left:-1em}.icon-search:before{content:"\e953"}.icon-settings:before{content:"\e954"}.icon-sub-circle:before{content:"\e955"}.icon-sub-fill:before{content:"\e956"}.icon-sub:before{content:"\e957"}.icon-tag:before{content:"\e958"}.icon-triangle-down:before{content:"\e959"}.icon-triangle-left:before{content:"\e95a"}.icon-triangle-right:before{content:"\e95b"}.icon-triangle-up:before{content:"\e95c"}.icon-tubiao_jilu:before{content:"\e95d"}.icon-tv:before{content:"\e95e"}.icon-upload-cloud:before{content:"\e95f"}.icon-upload:before{content:"\e960"}.icon-viewlist:before{content:"\e961"}
package/dist/vary-ui.js CHANGED
@@ -17,7 +17,7 @@ import Scroll from './lib/Scroll/Scroll.js';
17
17
  import Select from './lib/Select/Select.js';
18
18
  import Skeleton from './lib/Skeleton/Skeleton.js';
19
19
  import { defineComponent, ref, watch, createVNode, onMounted, onBeforeUnmount, createTextVNode, createApp, h } from 'vue';
20
- import { _ as _export_sfc } from './_plugin-vue_export-helper-eKvxqoHe.js';
20
+ import { _ as _export_sfc } from './_plugin-vue_export-helper-qu4sdp0E.js';
21
21
  import Tab from './lib/Tab/Tab.js';
22
22
  import Table from './lib/Table/Table.js';
23
23
  import TableColumn from './lib/TableColumn/TableColumn.js';
@@ -27,13 +27,13 @@ import RadioGroup from './lib/RadioGroup/RadioGroup.js';
27
27
  export { default as Message } from './lib/Message/Message.js';
28
28
  export { default as Confirm } from './lib/Confirm/Confirm.js';
29
29
  import './lib/Loading/Loading.js';
30
- import { c as config, s as setConfig } from './config-B6_Kh58Z.js';
30
+ import { c as config, s as setConfig } from './config-fgIlOsAk.js';
31
31
  import { Icon } from '@iconify/vue';
32
32
  export { Icon } from '@iconify/vue';
33
- export { k as debounce, i as isArray, b as isBoolean, d as isDate, f as isDateTime, c as isFun, h as isMonth, j as isNumber, a as isObject, e as isTime, g as isYear, m as matchChildrenCoponent, n as now, t as throttle } from './utils-BDoaZ6T-.js';
34
- import { L as Loading } from './Loading-Bnj893LO.js';
35
- import './Wrap-CGGz3adO.js';
36
- import './_tslib-DzRhYvXs.js';
33
+ export { k as debounce, i as isArray, b as isBoolean, d as isDate, f as isDateTime, c as isFun, h as isMonth, j as isNumber, a as isObject, e as isTime, g as isYear, m as matchChildrenCoponent, n as now, t as throttle } from './utils-kKVOv7J9.js';
34
+ import { L as Loading } from './Loading-CSSrEUcI.js';
35
+ import './Wrap-CplCCiV1.js';
36
+ import './_tslib-06AHO9st.js';
37
37
  import 'async-validator';
38
38
 
39
39
  var _sfc_main$2 = /* @__PURE__ */ defineComponent({
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vary-ui",
3
- "version": "3.21.78",
3
+ "version": "3.21.79",
4
4
  "description": "vary-ui base vue3",
5
5
  "homepage": "https://varyui.com",
6
6
  "main": "dist/vary-ui.js",
File without changes
File without changes
File without changes