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.
- package/dist/{Loading-Bnj893LO.js → Loading-CSSrEUcI.js} +2 -2
- package/dist/{Wrap-CGGz3adO.js → Wrap-CplCCiV1.js} +1 -1
- package/dist/lib/Button/Button.js +2 -2
- package/dist/lib/Card/Card.js +2 -2
- package/dist/lib/Checkbox/Checkbox.js +2 -2
- package/dist/lib/CheckboxGroup/CheckboxGroup.js +3 -3
- package/dist/lib/Confirm/Confirm.js +2 -2
- package/dist/lib/Date/Date.js +4 -4
- package/dist/lib/Dialog/Dialog.js +1 -1
- package/dist/lib/Divider/Divider.js +1 -1
- package/dist/lib/Field/Field.js +3 -3
- package/dist/lib/Form/Form.js +2 -2
- package/dist/lib/Input/Input.js +4 -4
- package/dist/lib/Link/Link.js +2 -2
- package/dist/lib/Loading/Loading.js +3 -3
- package/dist/lib/Menu/Menu.js +2 -2
- package/dist/lib/Message/Message.js +2 -2
- package/dist/lib/Pagination/Pagination.js +6 -6
- package/dist/lib/Popover/Popover.js +2 -2
- package/dist/lib/Radio/Radio.js +2 -2
- package/dist/lib/RadioGroup/RadioGroup.js +2 -2
- package/dist/lib/Scene/Scene.js +1 -1
- package/dist/lib/Scroll/Scroll.js +2 -2
- package/dist/lib/Select/Select.js +6 -6
- package/dist/lib/Skeleton/Skeleton.js +1 -1
- package/dist/lib/Tab/Tab.js +2 -2
- package/dist/lib/TabPanel/TabPanel.js +1 -1
- package/dist/lib/Table/Table.js +79 -78
- package/dist/lib/TableColumn/TableColumn.js +1 -1
- package/dist/types/lib/Table/Table.vue.d.ts +1 -1
- package/dist/vary-ui.css +1 -1
- package/dist/vary-ui.js +6 -6
- package/package.json +1 -1
- /package/dist/{_plugin-vue_export-helper-eKvxqoHe.js → _plugin-vue_export-helper-qu4sdp0E.js} +0 -0
- /package/dist/{_tslib-DzRhYvXs.js → _tslib-06AHO9st.js} +0 -0
- /package/dist/{config-B6_Kh58Z.js → config-fgIlOsAk.js} +0 -0
- /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-
|
|
3
|
-
import { _ as _export_sfc } from './_plugin-vue_export-helper-
|
|
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-
|
|
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-
|
|
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-
|
|
4
|
+
import { _ as _export_sfc } from '../../_plugin-vue_export-helper-qu4sdp0E.js';
|
|
5
5
|
|
|
6
6
|
var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
7
7
|
props: {
|
package/dist/lib/Card/Card.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent, createVNode, createTextVNode } from 'vue';
|
|
2
|
-
import { c as config } from '../../config-
|
|
3
|
-
import { _ as _export_sfc } from '../../_plugin-vue_export-helper-
|
|
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-
|
|
3
|
-
import { _ as _export_sfc } from '../../_plugin-vue_export-helper-
|
|
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-
|
|
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-
|
|
5
|
-
import '../../config-
|
|
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-
|
|
4
|
-
import '../../config-
|
|
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({
|
package/dist/lib/Date/Date.js
CHANGED
|
@@ -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-
|
|
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-
|
|
7
|
-
import { c as config } from '../../config-
|
|
8
|
-
import { _ as _export_sfc } from '../../_plugin-vue_export-helper-
|
|
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-
|
|
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-
|
|
2
|
+
import { _ as _export_sfc } from '../../_plugin-vue_export-helper-qu4sdp0E.js';
|
|
3
3
|
|
|
4
4
|
var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
5
5
|
props: {
|
package/dist/lib/Field/Field.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { defineComponent, inject, ref, onMounted, onUnmounted, provide, createVNode } from 'vue';
|
|
2
|
-
import { _ as __awaiter } from '../../_tslib-
|
|
3
|
-
import { c as config } from '../../config-
|
|
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-
|
|
5
|
+
import { _ as _export_sfc } from '../../_plugin-vue_export-helper-qu4sdp0E.js';
|
|
6
6
|
|
|
7
7
|
var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
8
8
|
props: {
|
package/dist/lib/Form/Form.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineComponent, ref, provide, createVNode } from 'vue';
|
|
2
|
-
import { _ as __awaiter } from '../../_tslib-
|
|
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-
|
|
4
|
+
import { _ as _export_sfc } from '../../_plugin-vue_export-helper-qu4sdp0E.js';
|
|
5
5
|
|
|
6
6
|
var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
7
7
|
props: {
|
package/dist/lib/Input/Input.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { defineComponent, ref, inject, watch, createVNode, mergeProps } from 'vue';
|
|
2
|
-
import { W as Wrap } from '../../Wrap-
|
|
3
|
-
import { c as isFun } from '../../utils-
|
|
4
|
-
import { c as config } from '../../config-
|
|
5
|
-
import { _ as _export_sfc } from '../../_plugin-vue_export-helper-
|
|
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,
|
package/dist/lib/Link/Link.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent, computed, createVNode } from 'vue';
|
|
2
|
-
import { c as config } from '../../config-
|
|
3
|
-
import { _ as _export_sfc } from '../../_plugin-vue_export-helper-
|
|
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-
|
|
3
|
-
import { c as config } from '../../config-
|
|
4
|
-
import '../../_plugin-vue_export-helper-
|
|
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,
|
package/dist/lib/Menu/Menu.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineComponent, ref, watch, createVNode } from 'vue';
|
|
2
|
-
import { k as debounce } from '../../utils-
|
|
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-
|
|
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-
|
|
3
|
-
import { _ as _export_sfc } from '../../_plugin-vue_export-helper-
|
|
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-
|
|
4
|
-
import { _ as _export_sfc } from '../../_plugin-vue_export-helper-
|
|
5
|
-
import '../../_tslib-
|
|
6
|
-
import '../../utils-
|
|
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-
|
|
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-
|
|
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-
|
|
3
|
-
import { _ as _export_sfc } from '../../_plugin-vue_export-helper-
|
|
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: {
|
package/dist/lib/Radio/Radio.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent, ref, watch, createVNode, inject } from 'vue';
|
|
2
|
-
import { c as config } from '../../config-
|
|
3
|
-
import { _ as _export_sfc } from '../../_plugin-vue_export-helper-
|
|
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-
|
|
4
|
-
import '../../config-
|
|
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: {
|
package/dist/lib/Scene/Scene.js
CHANGED
|
@@ -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-
|
|
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-
|
|
3
|
-
import { _ as _export_sfc } from '../../_plugin-vue_export-helper-
|
|
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-
|
|
3
|
-
import { k as debounce } from '../../utils-
|
|
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-
|
|
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-
|
|
10
|
-
import { L as Loading } from '../../Loading-
|
|
11
|
-
import { _ as _export_sfc } from '../../_plugin-vue_export-helper-
|
|
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-
|
|
2
|
+
import { _ as _export_sfc } from '../../_plugin-vue_export-helper-qu4sdp0E.js';
|
|
3
3
|
|
|
4
4
|
var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
5
5
|
props: {
|
package/dist/lib/Tab/Tab.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineComponent, ref, watch, onBeforeUnmount, createVNode } from 'vue';
|
|
2
|
-
import { m as matchChildrenCoponent } from '../../utils-
|
|
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-
|
|
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-
|
|
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, {
|
package/dist/lib/Table/Table.js
CHANGED
|
@@ -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-
|
|
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-
|
|
7
|
-
import { _ as _export_sfc } from '../../_plugin-vue_export-helper-
|
|
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[
|
|
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
|
|
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 +
|
|
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 ===
|
|
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
|
|
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(
|
|
288
|
-
const t2 = Array.from(((_b = bodyMainRef.value) === null || _b === void 0 ? void 0 : _b.querySelectorAll(
|
|
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 +
|
|
292
|
+
rawHeightTmp[ri] = height + "px";
|
|
293
293
|
});
|
|
294
294
|
rowsHeight.value = rawHeightTmp;
|
|
295
295
|
}
|
|
296
296
|
const computedSizeDebounce = debounce(function () {
|
|
297
|
-
debug && console.log(
|
|
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(
|
|
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(
|
|
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(
|
|
321
|
-
debug && console.log(
|
|
322
|
-
debug && console.log(
|
|
323
|
-
debug && console.log(
|
|
324
|
-
debug && console.log(
|
|
325
|
-
debug && console.log(
|
|
326
|
-
debug && console.log(
|
|
327
|
-
debug && console.log(
|
|
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 ===
|
|
340
|
-
colWidthTmp[ci] = c._maxWidth +
|
|
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 +
|
|
343
|
+
colWidthTmp[ci] = c.width + "px";
|
|
344
344
|
}
|
|
345
345
|
} else {
|
|
346
|
-
colWidthTmp[ci] = c._maxWidth + splitWidth +
|
|
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(
|
|
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) +
|
|
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(
|
|
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(
|
|
381
|
+
debug && console.time("initStyle");
|
|
382
382
|
needWidth = 0;
|
|
383
383
|
fixedWidthTotal = 0;
|
|
384
384
|
flexColumnTotal = 0;
|
|
385
|
-
const thEles = headMainRef.value.querySelectorAll(
|
|
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(
|
|
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 ===
|
|
397
|
+
if (c.prop === "selection") {
|
|
398
398
|
c.width = maxWidth;
|
|
399
399
|
}
|
|
400
400
|
if (c.width) {
|
|
401
|
-
if (c.width ===
|
|
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(
|
|
415
|
+
debug && console.log("ci", ci, thEles[ci], tdEles[ci], thWidth, tdWidth, "maxWidth", maxWidth, needWidth);
|
|
416
416
|
});
|
|
417
|
-
debug && console.log(
|
|
418
|
-
debug && console.timeEnd(
|
|
417
|
+
debug && console.log("initStyle result", needWidth, fixedWidthTotal, flexColumnTotal);
|
|
418
|
+
debug && console.timeEnd("initStyle");
|
|
419
419
|
}
|
|
420
420
|
/**
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
421
|
+
* 触发sort-change事件
|
|
422
|
+
* @param sortFields 排序字段相关数据
|
|
423
|
+
*/
|
|
424
424
|
function emitSortChange(sortFields) {
|
|
425
|
-
console.log(
|
|
425
|
+
console.log("emitSortChange", sortFields);
|
|
426
426
|
_emit("sort-change", sortFields);
|
|
427
427
|
}
|
|
428
428
|
function emitSelectionChange() {
|
|
429
|
-
debug && console.log(
|
|
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 =
|
|
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 ===
|
|
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(
|
|
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:
|
|
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:
|
|
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 !==
|
|
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(
|
|
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 !==
|
|
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(
|
|
772
|
+
window.addEventListener("scroll", closeContextMenu, {
|
|
772
773
|
once: true
|
|
773
774
|
});
|
|
774
|
-
window.addEventListener(
|
|
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 ===
|
|
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 ===
|
|
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 ==
|
|
847
|
+
"v_table--full-border": _props.border == "full",
|
|
847
848
|
"v_table--enable_scroll": _props.scrollX,
|
|
848
|
-
|
|
849
|
-
|
|
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": [
|
|
861
|
-
|
|
861
|
+
"class": ["v_table_menu", {
|
|
862
|
+
"v_table_menu--show": showContextMenu.show
|
|
862
863
|
}],
|
|
863
864
|
"style": {
|
|
864
|
-
left: showContextMenu.x +
|
|
865
|
-
top: showContextMenu.y +
|
|
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 !==
|
|
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 +
|
|
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 +
|
|
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 !==
|
|
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:
|
|
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 !==
|
|
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 +
|
|
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 !==
|
|
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:
|
|
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 !==
|
|
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),
|
|
@@ -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 |
|
|
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-
|
|
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-
|
|
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-
|
|
34
|
-
import { L as Loading } from './Loading-
|
|
35
|
-
import './Wrap-
|
|
36
|
-
import './_tslib-
|
|
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
/package/dist/{_plugin-vue_export-helper-eKvxqoHe.js → _plugin-vue_export-helper-qu4sdp0E.js}
RENAMED
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|