vary-ui 3.22.54 → 3.22.57

package/dist/{Loading-BcQ5bCB3.js → Loading-Ciy6uzdj.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, onMounted, createVNode } from 'vue';
-import { c as config } from './config-D32Huk5u.js';
-import { _ as _export_sfc } from './_plugin-vue_export-helper-VoCEjnZX.js';
+import { c as config } from './config-B6SbgDfo.js';
+import { _ as _export_sfc } from './_plugin-vue_export-helper-U_Dpk1Cn.js';
 
 var _a;
 var _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/{Wrap-D7AyBJ5H.js → Wrap-BkJMitaZ.js}

@@ -1,5 +1,5 @@
 import { defineComponent, createVNode } from 'vue';
-import { _ as _export_sfc } from './_plugin-vue_export-helper-VoCEjnZX.js';
+import { _ as _export_sfc } from './_plugin-vue_export-helper-U_Dpk1Cn.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/Button/Button.js

@@ -1,7 +1,7 @@
 import { defineComponent, computed, createVNode, mergeProps } from 'vue';
-import { c as config } from '../../config-D32Huk5u.js';
+import { c as config } from '../../config-B6SbgDfo.js';
 import { Icon } from '@iconify/vue';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-VoCEjnZX.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-U_Dpk1Cn.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
@@ -83,7 +83,16 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           "v_button--plain": _props.plain,
           "v_button--round": _props.round
         }]
-      }, _attrs), [_props.icon && createVNode(Icon, {
+      }, _attrs, {
+        "onClick": e => {
+          if (_props.disabled) {
+            e.stopPropagation();
+            e.preventDefault();
+            return;
+          }
+          _emit("click", e);
+        }
+      }), [_props.icon && createVNode(Icon, {
         "class": "v_button_icon",
         "icon": _props.icon
       }, null), _slots.prefix && createVNode("div", {

package/dist/lib/Card/Card.js

@@ -1,6 +1,6 @@
 import { defineComponent, createVNode, createTextVNode } from 'vue';
-import { c as config } from '../../config-D32Huk5u.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-VoCEjnZX.js';
+import { c as config } from '../../config-B6SbgDfo.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-U_Dpk1Cn.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/Checkbox/Checkbox.js

@@ -1,7 +1,7 @@
 import { defineComponent, inject, computed, ref, createVNode } from 'vue';
-import { c as config } from '../../config-D32Huk5u.js';
+import { c as config } from '../../config-B6SbgDfo.js';
 import { Icon } from '@iconify/vue';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-VoCEjnZX.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-U_Dpk1Cn.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/CheckboxGroup/CheckboxGroup.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, provide, computed, createVNode } from 'vue';
-import { i as isArray } from '../../utils-C7xxOjx5.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-VoCEjnZX.js';
+import { i as isArray } from '../../utils-BE54Zx9J.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-U_Dpk1Cn.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/Confirm/Confirm.js

@@ -1,8 +1,8 @@
 import { defineComponent, ref, createVNode, createApp, isVNode, h } from 'vue';
 import Button from '../Button/Button.js';
 import { Icon } from '@iconify/vue';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-VoCEjnZX.js';
-import '../../config-D32Huk5u.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-U_Dpk1Cn.js';
+import '../../config-B6SbgDfo.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/Date/Date.js

@@ -1,11 +1,11 @@
 import { defineComponent, shallowRef, ref, reactive, watch, createVNode, createTextVNode } from 'vue';
-import { n as now, j as isTime, k as isYear, f as isMonth, b as isDate, c as isDateTime } from '../../utils-C7xxOjx5.js';
+import { n as now, j as isTime, k as isYear, f as isMonth, b as isDate, c as isDateTime } from '../../utils-BE54Zx9J.js';
 import Popover from '../Popover/Popover.js';
 import Link from '../Link/Link.js';
-import { W as Wrap } from '../../Wrap-D7AyBJ5H.js';
-import { c as config } from '../../config-D32Huk5u.js';
+import { W as Wrap } from '../../Wrap-BkJMitaZ.js';
+import { c as config } from '../../config-B6SbgDfo.js';
 import { Icon } from '@iconify/vue';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-VoCEjnZX.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-U_Dpk1Cn.js';
 
 const weeks = ["周日", "周一", "周二", "周三", "周四", "周五", "周六"];
 const months = ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"].map((r, i) => {

package/dist/lib/Dialog/Dialog.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, watch, onMounted, onBeforeUnmount, createVNode, createTextVNode } from 'vue';
 import { Icon } from '@iconify/vue';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-VoCEjnZX.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-U_Dpk1Cn.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/Divider/Divider.js

@@ -1,5 +1,5 @@
 import { defineComponent, createVNode } from 'vue';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-VoCEjnZX.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-U_Dpk1Cn.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/Form/Form.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, provide, createVNode } from 'vue';
-import { _ as __awaiter } from '../../_tslib-DrtOIdzY.js';
+import { _ as __awaiter } from '../../_tslib-CggskQ55.js';
 import Schema from 'async-validator';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-VoCEjnZX.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-U_Dpk1Cn.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/FormItem/FormItem.js

@@ -1,8 +1,8 @@
 import { defineComponent, inject, computed, ref, onMounted, onUnmounted, provide, createVNode } from 'vue';
-import { _ as __awaiter } from '../../_tslib-DrtOIdzY.js';
-import { c as config } from '../../config-D32Huk5u.js';
+import { _ as __awaiter } from '../../_tslib-CggskQ55.js';
+import { c as config } from '../../config-B6SbgDfo.js';
 import Schema from 'async-validator';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-VoCEjnZX.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-U_Dpk1Cn.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/Input/Input.js

@@ -1,9 +1,9 @@
 import { defineComponent, ref, computed, inject, watch, createVNode } from 'vue';
-import { W as Wrap } from '../../Wrap-D7AyBJ5H.js';
-import { e as isFun } from '../../utils-C7xxOjx5.js';
-import { c as config } from '../../config-D32Huk5u.js';
+import { W as Wrap } from '../../Wrap-BkJMitaZ.js';
+import { e as isFun } from '../../utils-BE54Zx9J.js';
+import { c as config } from '../../config-B6SbgDfo.js';
 import { Icon } from '@iconify/vue';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-VoCEjnZX.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-U_Dpk1Cn.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/Link/Link.js

@@ -1,7 +1,7 @@
 import { defineComponent, computed, createVNode } from 'vue';
-import { c as config } from '../../config-D32Huk5u.js';
+import { c as config } from '../../config-B6SbgDfo.js';
 import { Icon } from '@iconify/vue';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-VoCEjnZX.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-U_Dpk1Cn.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/Loading/Loading.js

@@ -1,7 +1,7 @@
 import { shallowRef, createApp, h } from 'vue';
-import { L as Loading } from '../../Loading-BcQ5bCB3.js';
-import { c as config } from '../../config-D32Huk5u.js';
-import '../../_plugin-vue_export-helper-VoCEjnZX.js';
+import { L as Loading } from '../../Loading-Ciy6uzdj.js';
+import { c as config } from '../../config-B6SbgDfo.js';
+import '../../_plugin-vue_export-helper-U_Dpk1Cn.js';
 
 const defaultOptions = {
     lock: false,

package/dist/lib/Menu/Menu.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, watch, createVNode } from 'vue';
 import { Icon } from '@iconify/vue';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-VoCEjnZX.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-U_Dpk1Cn.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/Message/Message.js

@@ -1,6 +1,6 @@
 import { defineComponent, onMounted, h, createApp } from 'vue';
-import { c as config } from '../../config-D32Huk5u.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-VoCEjnZX.js';
+import { c as config } from '../../config-B6SbgDfo.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-U_Dpk1Cn.js';
 
 var _sfc_main = defineComponent({
     props: {

package/dist/lib/Pagination/Pagination.js

@@ -1,14 +1,14 @@
 import { defineComponent, ref, watch, createVNode, createTextVNode } from 'vue';
 import Select from '../Select/Select.js';
-import { c as config } from '../../config-D32Huk5u.js';
+import { c as config } from '../../config-B6SbgDfo.js';
 import { Icon } from '@iconify/vue';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-VoCEjnZX.js';
-import '../../_tslib-DrtOIdzY.js';
-import '../../utils-C7xxOjx5.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-U_Dpk1Cn.js';
+import '../../_tslib-CggskQ55.js';
+import '../../utils-BE54Zx9J.js';
 import '../Popover/Popover.js';
-import '../../Wrap-D7AyBJ5H.js';
+import '../../Wrap-BkJMitaZ.js';
 import '../Checkbox/Checkbox.js';
-import '../../Loading-BcQ5bCB3.js';
+import '../../Loading-Ciy6uzdj.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/Popover/Popover.js

@@ -1,6 +1,6 @@
 import { defineComponent, shallowRef, ref, reactive, watch, createVNode, Teleport, nextTick } from 'vue';
-import { t as throttle } from '../../utils-C7xxOjx5.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-VoCEjnZX.js';
+import { t as throttle } from '../../utils-BE54Zx9J.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-U_Dpk1Cn.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/Radio/Radio.js

@@ -1,6 +1,6 @@
 import { defineComponent, inject, ref, computed, createVNode } from 'vue';
-import { c as config } from '../../config-D32Huk5u.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-VoCEjnZX.js';
+import { c as config } from '../../config-B6SbgDfo.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-U_Dpk1Cn.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/RadioButton/RadioButton.js

@@ -1,6 +1,6 @@
 import { defineComponent, inject, ref, computed, createVNode } from 'vue';
-import { c as config } from '../../config-D32Huk5u.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-VoCEjnZX.js';
+import { c as config } from '../../config-B6SbgDfo.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-U_Dpk1Cn.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/RadioGroup/RadioGroup.js

@@ -1,5 +1,5 @@
 import { defineComponent, provide, computed, createVNode } from 'vue';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-VoCEjnZX.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-U_Dpk1Cn.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/Scene/Scene.js

@@ -1,5 +1,5 @@
 import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, renderSlot } from 'vue';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-VoCEjnZX.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-U_Dpk1Cn.js';
 
 var _sfc_main = /*@__PURE__*/ defineComponent({
     __name: 'Scene',

package/dist/lib/Scroll/Scroll.js

@@ -1,6 +1,6 @@
 import { defineComponent, shallowRef, ref, onMounted, nextTick, onBeforeUnmount, createVNode } from 'vue';
-import { d as debounce } from '../../utils-C7xxOjx5.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-VoCEjnZX.js';
+import { d as debounce } from '../../utils-BE54Zx9J.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-U_Dpk1Cn.js';
 
 /**
  * note:

package/dist/lib/Select/Select.js

@@ -1,13 +1,13 @@
 import { defineComponent, computed, ref, shallowRef, reactive, watch, onMounted, createVNode, createTextVNode, nextTick } from 'vue';
-import { _ as __awaiter } from '../../_tslib-DrtOIdzY.js';
-import { i as isArray, h as isObject, d as debounce } from '../../utils-C7xxOjx5.js';
+import { _ as __awaiter } from '../../_tslib-CggskQ55.js';
+import { i as isArray, h as isObject, d as debounce } from '../../utils-BE54Zx9J.js';
 import Popover from '../Popover/Popover.js';
-import { W as Wrap } from '../../Wrap-D7AyBJ5H.js';
+import { W as Wrap } from '../../Wrap-BkJMitaZ.js';
 import Checkbox from '../Checkbox/Checkbox.js';
-import { c as config } from '../../config-D32Huk5u.js';
-import { L as Loading } from '../../Loading-BcQ5bCB3.js';
+import { c as config } from '../../config-B6SbgDfo.js';
+import { L as Loading } from '../../Loading-Ciy6uzdj.js';
 import { Icon } from '@iconify/vue';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-VoCEjnZX.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-U_Dpk1Cn.js';
 
 /**
   关于远程搜索:

package/dist/lib/Skeleton/Skeleton.js

@@ -1,5 +1,5 @@
 import { defineComponent, createVNode } from 'vue';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-VoCEjnZX.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-U_Dpk1Cn.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/Tab/Tab.js

@@ -1,5 +1,5 @@
 import { defineComponent, createVNode } from 'vue';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-VoCEjnZX.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-U_Dpk1Cn.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   setup(_props, {

package/dist/lib/Table/Table.js

@@ -1,10 +1,10 @@
 import { defineComponent, ref, shallowRef, reactive, computed, nextTick, onMounted, watch, onBeforeMount, createVNode, createTextVNode } from 'vue';
-import { m as matchChildrenCoponent, d as debounce, t as throttle } from '../../utils-C7xxOjx5.js';
+import { m as matchChildrenCoponent, d as debounce, t as throttle } from '../../utils-BE54Zx9J.js';
 import Checkbox from '../Checkbox/Checkbox.js';
 import TableColumn from '../TableColumn/TableColumn.js';
-import { c as config } from '../../config-D32Huk5u.js';
+import { c as config } from '../../config-B6SbgDfo.js';
 import { Icon } from '@iconify/vue';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-VoCEjnZX.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-U_Dpk1Cn.js';
 
 let colKey = 0;
 var _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/lib/TableColumn/TableColumn.js

@@ -1,5 +1,5 @@
 import { defineComponent } from 'vue';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-VoCEjnZX.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-U_Dpk1Cn.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/Tabs/Tabs.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, watch, onBeforeUnmount, createVNode } from 'vue';
-import { m as matchChildrenCoponent } from '../../utils-C7xxOjx5.js';
+import { m as matchChildrenCoponent } from '../../utils-BE54Zx9J.js';
 import Tab from '../Tab/Tab.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-VoCEjnZX.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-U_Dpk1Cn.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/types/index.d.ts

@@ -27,6 +27,7 @@ import Tree from "./lib/Tree/Tree.vue";
 import Radio from "./lib/RadioGroup/Radio.vue";
 import RadioButton from "./lib/RadioGroup/RadioButton.vue";
 import RadioGroup from "./lib/RadioGroup/RadioGroup.vue";
+import Tooltip from "./lib/Tooltip/Tooltip.vue";
 import Confirm from "./lib/Confirm/Confirm";
 import VarPreview from "./lib/Preview/Preview";
 import { Icon } from "@iconify/vue";
@@ -40,7 +41,7 @@ declare const VarMessage: {
 declare const VarConfirm: typeof Confirm;
 declare const VarAlert: typeof Confirm;
 declare const VarLoading: import("vue").DefineComponent<{}, {}, any>;
-export { Scene, Card, Dialog, Divider, Button, Link, Input, InputNumber, Radio, RadioButton, RadioGroup, Checkbox, CheckboxGroup, Select, Date, Tab, Tabs, Table, TableColumn, Menu, Scroll, Skeleton, Switch, Pagination, Popover, Form, FormItem, Tree, VarMessage, VarConfirm, VarAlert, VarLoading, VarPreview, Icon, };
+export { Scene, Card, Dialog, Divider, Button, Link, Input, InputNumber, Radio, RadioButton, RadioGroup, Checkbox, CheckboxGroup, Select, Date, Tab, Tabs, Table, TableColumn, Menu, Scroll, Skeleton, Switch, Pagination, Popover, Tooltip, Form, FormItem, Tree, VarMessage, VarConfirm, VarAlert, VarLoading, VarPreview, Icon, };
 export * from "./lib/utils";
 import "./src/styles/root.scss";
 import "./icomoon/style.css";

package/dist/types/lib/Tooltip/Tooltip.vue.d.ts

@@ -0,0 +1,108 @@
+import { PropType } from "vue";
+type Placement = "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    content: {
+        type: StringConstructor;
+        default: string;
+    };
+    placement: {
+        type: PropType<Placement>;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    offset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    showDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    hideDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    modelValue: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    trigger: {
+        type: PropType<"hover" | "click" | "manual">;
+        default: string;
+    };
+    showArrow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    popperClass: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:model-value"[], "update:model-value", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    content: {
+        type: StringConstructor;
+        default: string;
+    };
+    placement: {
+        type: PropType<Placement>;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    offset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    showDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    hideDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    modelValue: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    trigger: {
+        type: PropType<"hover" | "click" | "manual">;
+        default: string;
+    };
+    showArrow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    popperClass: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    "onUpdate:model-value"?: (...args: any[]) => any;
+}>, {
+    content: string;
+    placement: Placement;
+    disabled: boolean;
+    offset: number;
+    showDelay: number;
+    hideDelay: number;
+    zIndex: number;
+    modelValue: boolean;
+    trigger: "hover" | "click" | "manual";
+    showArrow: boolean;
+    popperClass: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/vary-ui.css

@@ -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{align-items:center;cursor:pointer;display:flex;font-size:var(--vary-font-size);height:var(--vary-height);user-select:none;white-space:nowrap}.v_checkbox .v_checkbox_field{align-items:center;background-color:#fff;border:1px solid var(--vary-border-color-dark);border-radius:2px;display:flex;height:1.2em;justify-content:center;transition:all .1s linear;width:1.2em}.v_checkbox .v_checkbox_label{padding:6px}.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--checked{color:var(--vary-primary-color)}.v_checkbox--checked .v_checkbox_field,.v_checkbox--partial .v_checkbox_field{background-color:var(--vary-primary-color);border-color:var(--vary-primary-color);color:#fff}.v_checkbox--disabled{color:var(--vary-border-color-dark);cursor:not-allowed}.v_checkbox--disabled .v_checkbox_field{background-color:var(--vary-border-color);border-color:var(--vary-border-color-dark)}.v_checkbox_group--inline{align-items:center;display:flex;flex-wrap:wrap}.v_popover{cursor:default;position:relative}.v_popover_pop{display:none;padding:8px 0;position:fixed;width:max-content}.v_popover_pop .v_popover_arrow{background-color:#fff;border:1px solid var(--vary-border-color);height:8px;position:absolute;width:8px}.v_popover_pop .v_popover_arrow_top{border-bottom-color:transparent;border-right-color:transparent;top:4px;transform:rotate(45deg)}.v_popover_pop .v_popover_arrow_bottom{border-left-color:transparent;border-top-color:transparent;bottom:4px;transform:rotate(45deg)}.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_pop--open{display:block}@keyframes popover-open{0%{opacity:0}to{opacity:1}}.v_popover_pop--bottom{animation:VarPopoverOpenBottom .1s linear;animation-fill-mode:forwards}.v_popover_pop--top{animation:VarPopoverOpenTop .1s linear;animation-fill-mode:forwards}@keyframes VarPopoverOpenBottom{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes VarPopoverOpenTop{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.v_popover_pop--left{left:0}.v_popover_pop--left .v_popover_arrow{left:1em}.v_popover_pop--right{right:0}.v_popover_pop--right .v_popover_arrow{right:1em}.v_popover_pop--center{left:50%;transform:translateX(-50%)}.v_popover_pop--center .v_popover_arrow{left:50%;margin-left:-4px}.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_link .v_link_icon{margin-right:3px}.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:block;font-size:var(--vary-font-size);margin-right:1em;user-select:none}.v_date .v_date_body{background-color:#fff;border:1px solid transparent;border-radius:4px;display:flex;height:var(--vary-height);justify-content:center;position:relative;transition:all .1s linear}.v_date .v_date_body--border{border-color:var(--vary-border-color)}.v_date .v_date_body .v_date_prefix{background-color:var(--vary-border-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_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;padding:0 10px;text-align:center}.v_date_panel_header svg{height:20px;width:20px}.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_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;overflow-x:hidden;overflow-y:auto}.v_date_time_panel .v_date_time_col .v_date_scroll_container::-webkit-scrollbar{display:none}.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{background-color:var(--vary-cover-color);bottom:0;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;display:flex;flex-direction:column}.v_dialog--open .v_dialog_wrapper .v_dialog_header{align-items:center;background-color:var(--vary-border-color);border-bottom:1px solid var(--vary-border-color);display:flex;flex-shrink:0;padding:10px 14px}.v_dialog--open .v_dialog_wrapper .v_dialog_header .v_dialog_header_flex{flex-grow:1;font-size:var(--vary-font-size-large);font-weight:700}.v_dialog--open .v_dialog_wrapper .v_dialog_header .v_dialog_clear_btn{cursor:pointer;flex-shrink:0;height:16px;transition:all .1s linear;width:16px}.v_dialog--open .v_dialog_wrapper .v_dialog_header .v_dialog_clear_btn:hover{animation:VarDialogClearIcon .1s linear;color:#87d3ff}.v_dialog--open .v_dialog_wrapper .v_dialog_footer{flex-shrink:0;padding:10px 14px}@keyframes VarDialogClearIcon{0%{opacity:.6}to{opacity:1}}.v_dialog--open .v_dialog_wrapper .v_dialog_body{flex-grow:1;overflow-y:auto;padding:10px 14px;width:100%}@keyframes VarDialogWrapperOpen{0%{transform:translateY(2em)}to{transform:translateY(0)}}.v_dialog--open.v_dialog--position-center{align-items:center;animation:VarDialogOpen .1s linear;display:flex;justify-content:center}.v_dialog--open.v_dialog--position-center .v_dialog_wrapper{border-radius:4px;max-height:calc(100vh - 40px);overflow:hidden;width:40vw}.v_dialog--open.v_dialog--position-right{align-items:stretch;animation:VarDialogOpen .1s linear;display:flex;justify-content:flex-end}.v_dialog--open.v_dialog--position-right .v_dialog_wrapper{height:100vh;width:40vw}.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--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: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 .v_field_content{align-items:center;display:flex;min-height:var(--vary-height)}.v_field--inline .v_field_body .v_field_error{color:var(--vary-error-color);font-size:12px;line-height:1;min-height:14px;padding:4px 0}.v_input{background-color:#fff;border:1px solid transparent;border-radius:4px;color:var(--vary-font-color);display:block;font-size:var(--vary-font-size);height:var(--vary-height);justify-content:center;transition:all .1s linear}.v_input--border{border-color:var(--vary-border-color)}.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--textarea{height:auto}.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_input_number{background-color:#fff;border:1px solid var(--vary-border-color);border-radius:4px;color:var(--vary-font-color);display:block;font-size:var(--vary-font-size);height:var(--vary-height);transition:all .1s linear}.v_input_number--small{font-size:var(--vary-font-size-small);height:var(--vary-height-small)}.v_input_number--large{font-size:var(--vary-font-size-large);height:var(--vary-height-large)}.v_input_number--focus{border-color:var(--vary-primary-color)}.v_input_number--disabled,.v_input_number--readonly{background-color:var(--vary-border-color-light)}.v_input_number--disabled{cursor:not-allowed}.v_input_number_body,.v_input_number_button{align-items:center;display:flex;height:100%}.v_input_number_button{background-color:transparent;border:none;color:var(--vary-font-color);cursor:pointer;flex-shrink:0;justify-content:center;padding:0;transition:all .1s linear;width:32px}.v_input_number_button:hover:not(.v_input_number_button--disabled){background-color:var(--vary-border-color);color:var(--vary-primary-color)}.v_input_number_button:active:not(.v_input_number_button--disabled){background-color:var(--vary-border-color)}.v_input_number_button--disabled{cursor:not-allowed;opacity:.5}.v_input_number_button svg{height:16px;width:16px}.v_input_number_input{background-color:transparent;border:none;color:inherit;flex:1;height:100%;min-width:0;outline:none;padding:0 8px;text-align:center;width:100%}.v_input_number_input::placeholder{color:var(--vary-font-color-light)}.v_input_number_input:disabled{cursor:not-allowed}.v_input_number_input:readonly{cursor:default}.v_input_number--small .v_input_number_button{width:28px}.v_input_number--small .v_input_number_button svg{height:14px;width:14px}.v_input_number--large .v_input_number_button{width:36px}.v_input_number--large .v_input_number_button svg{height:18px;width:18px}.v_menu{background-color:var(--vary-menu-background-color);height:100%;overflow-x:hidden;overflow-y:auto}.v_menu::-webkit-scrollbar{display:none}.v_menu .v_menu_body{max-height:100%}.v_menu .v_menu_item{align-items:center;cursor:pointer;display:flex;height:50px;justify-content:space-between;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_text{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v_menu .v_menu_item .v_menu_item_arrow{flex-shrink:0;height:24px;transition:transform .2s linear;width:24px}.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_menu_item_arrow{transform:rotate(90deg)}.v_menu .v_menu_item--active .v_menu_item_text{color:var(--vary-primary-color);font-weight:500}.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 .2s 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:block;font-size:var(--vary-font-size);position:relative;user-select:none}.v_select .v_select_body{background-color:#fff;border:1px solid transparent;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--border{border-color:var(--vary-border-color)}.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;padding-left:6px;width:50%}.v_select .v_select_body .v_select_value_container .v_select_value_item{align-items:center;display:flex;flex-shrink:0;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);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;outline:none;padding:0 6px;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_pop_root{color:var(--vary-font-color);font-size:var(--vary-font-size);padding:4px 0}.v_select_filter_root{margin-bottom:10px;padding:0 8px}.v_select_cols_root{align-items:stretch;display:flex}.v_select_cols_root .v_select_col_item{max-height:200px;overflow-x:hidden;overflow-y:auto}.v_select_cols_root .v_select_col_item+.v_select_col_item{border-left:1px solid var(--vary-border-color-light)}.v_select_cols_root .v_select_col_item_full{width:100%}.v_select_scroll_container{overflow-x:hidden;overflow-y:auto}.v_select_scroll_container::-webkit-scrollbar{display:none}.v_select_option{align-items:center;display:flex;height:var(--vary-height);justify-content:space-between;padding:0 14px;position:relative;word-break:break-all}.v_select_option--small{height:var(--vary-height-small)}.v_select_option--large{height:var(--vary-height-large)}.v_select_option+.v_select_option{border-top:1px solid var(--vary-border-color)}.v_select_option:hover{background-color:var(--vary-tree-hover-color)}.v_select_option .v_select_option_text{flex-grow:1;margin-right:10px}.v_select_option .v_checkbox{height:auto;margin-right:8px}.v_select_option_selected{color:var(--vary-primary-color);font-weight:700}.v_select_option_in_chain{background-color:var(--vary-tree-hover-color)}.v_select_option_in_chain .v_select_item_icon{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_next:hover,.v_pagination .v_pagination_body .v_pagination_prev:hover{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_scroll{overflow:hidden;position:relative}.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_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;white-space:nowrap}.v_table .v_checkbox{height:auto}.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_scroll_container{overflow:auto;position:relative}.v_table .v_table_head{position:relative}.v_table .v_table_head .v_table_head_left{left:0;overflow-x:hidden;overflow-y:hidden;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{overflow-x:auto;overflow-y:hidden;position:relative;z-index:1}.v_table .v_table_head .v_table_head_main::-webkit-scrollbar{display:none}.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{overflow-x:hidden;overflow-y:hidden;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;overflow-x:hidden;overflow-y:auto;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{overflow-x:hidden;overflow-y:auto;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_body .v_table_body_main{overflow-x:auto;overflow-y:auto}.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 .v_table_sort{cursor:pointer;font-size:14px}.v_table .v_table_th .v_table_sort--asc .icon-asc,.v_table .v_table_th .v_table_sort--desc .icon-desc{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 .v_table_cell_content{align-items:center;display:flex;gap:8px}.v_table .v_table_expand_icon{align-items:center;cursor:pointer;display:inline-flex;height:16px;justify-content:center;margin-right:4px;transition:transform .2s;width:16px}.v_table .v_table_expand_icon--expanded{transform:rotate(90deg)}.v_table .v_table_expand_icon i{color:var(--vary-font-color);font-size:12px}.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;overflow-x:hidden;overflow-y:auto}.v_tree::-webkit-scrollbar{display:none}.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{align-items:center;display:flex;font-size:var(--vary-font-size);user-select:none}.v_radio .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_label{align-items:center;display:flex;height:100%;padding:6px;white-space:nowrap}.v_radio--small{font-size:var(--vary-font-size-small)}.v_radio--large{font-size:var(--vary-font-size-large)}.v_radio--checked{color:var(--vary-primary-color)}.v_radio--checked .v_radio_field{border:.36em solid var(--vary-primary-color)}.v_radio--disabled{color:var(--vary-border-color-dark);cursor:not-allowed}.v_radio--disabled .v_radio_field{background-color:var(--vary-background-color);border-color:var(--vary-border-color-dark)}.v_radio_button{align-items:center;display:flex;font-size:var(--vary-font-size);height:var(--vary-height);user-select:none}.v_radio_button--small{font-size:var(--vary-font-size-small);height:var(--vary-height-small)}.v_radio_button--large{font-size:var(--vary-font-size-large);height:var(--vary-height-large)}.v_radio_button .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_button .v_radio_body{align-items:center;display:flex;height:100%;padding:0 10px;white-space:nowrap}.v_radio_button{border:1px solid var(--vary-border-color);cursor:pointer;margin-left:-1px;padding:5px 10px;transition:all .2s linear}.v_radio_button--checked{background-color:var(--vary-primary-color);border-color:var(--vary-primary-color);color:#fff;position:relative;z-index:2}.v_radio_button--disabled{background-color:var(--vary-border-color);border-color:var(--vary-border-color);cursor:not-allowed}.v_radio_button:first-child{border-bottom-left-radius:4px;border-top-left-radius:4px}.v_radio_button:last-child{border-bottom-right-radius:4px;border-top-right-radius:4px}.v_radio_group--inline{align-items:center;display:flex;flex-wrap:wrap}.v_message{align-items:center;animation:VarMessageEnter .2s linear;animation-fill-mode:forwards;border:1px solid rgba(0,0,0,.03);border-radius:4px;display:flex;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:200px;--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"}
+.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{align-items:center;cursor:pointer;display:flex;font-size:var(--vary-font-size);height:var(--vary-height);user-select:none;white-space:nowrap}.v_checkbox .v_checkbox_field{align-items:center;background-color:#fff;border:1px solid var(--vary-border-color-dark);border-radius:2px;display:flex;height:1.2em;justify-content:center;transition:all .1s linear;width:1.2em}.v_checkbox .v_checkbox_label{padding:6px}.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--checked{color:var(--vary-primary-color)}.v_checkbox--checked .v_checkbox_field,.v_checkbox--partial .v_checkbox_field{background-color:var(--vary-primary-color);border-color:var(--vary-primary-color);color:#fff}.v_checkbox--disabled{color:var(--vary-border-color-dark);cursor:not-allowed}.v_checkbox--disabled .v_checkbox_field{background-color:var(--vary-border-color);border-color:var(--vary-border-color-dark)}.v_checkbox_group--inline{align-items:center;display:flex;flex-wrap:wrap}.v_popover{cursor:default;position:relative}.v_popover_pop{display:none;padding:8px 0;position:fixed;width:max-content}.v_popover_pop .v_popover_arrow{background-color:#fff;border:1px solid var(--vary-border-color);height:8px;position:absolute;width:8px}.v_popover_pop .v_popover_arrow_top{border-bottom-color:transparent;border-right-color:transparent;top:4px;transform:rotate(45deg)}.v_popover_pop .v_popover_arrow_bottom{border-left-color:transparent;border-top-color:transparent;bottom:4px;transform:rotate(45deg)}.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_pop--open{display:block}@keyframes popover-open{0%{opacity:0}to{opacity:1}}.v_popover_pop--bottom{animation:VarPopoverOpenBottom .1s linear;animation-fill-mode:forwards}.v_popover_pop--top{animation:VarPopoverOpenTop .1s linear;animation-fill-mode:forwards}@keyframes VarPopoverOpenBottom{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes VarPopoverOpenTop{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.v_popover_pop--left{left:0}.v_popover_pop--left .v_popover_arrow{left:1em}.v_popover_pop--right{right:0}.v_popover_pop--right .v_popover_arrow{right:1em}.v_popover_pop--center{left:50%;transform:translateX(-50%)}.v_popover_pop--center .v_popover_arrow{left:50%;margin-left:-4px}.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_link .v_link_icon{margin-right:3px}.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:block;font-size:var(--vary-font-size);margin-right:1em;user-select:none}.v_date .v_date_body{background-color:#fff;border:1px solid transparent;border-radius:4px;display:flex;height:var(--vary-height);justify-content:center;position:relative;transition:all .1s linear}.v_date .v_date_body--border{border-color:var(--vary-border-color)}.v_date .v_date_body .v_date_prefix{background-color:var(--vary-border-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_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;padding:0 10px;text-align:center}.v_date_panel_header svg{height:20px;width:20px}.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_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;overflow-x:hidden;overflow-y:auto}.v_date_time_panel .v_date_time_col .v_date_scroll_container::-webkit-scrollbar{display:none}.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{background-color:var(--vary-cover-color);bottom:0;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;display:flex;flex-direction:column}.v_dialog--open .v_dialog_wrapper .v_dialog_header{align-items:center;background-color:var(--vary-border-color);border-bottom:1px solid var(--vary-border-color);display:flex;flex-shrink:0;padding:10px 14px}.v_dialog--open .v_dialog_wrapper .v_dialog_header .v_dialog_header_flex{flex-grow:1;font-size:var(--vary-font-size-large);font-weight:700}.v_dialog--open .v_dialog_wrapper .v_dialog_header .v_dialog_clear_btn{cursor:pointer;flex-shrink:0;height:16px;transition:all .1s linear;width:16px}.v_dialog--open .v_dialog_wrapper .v_dialog_header .v_dialog_clear_btn:hover{animation:VarDialogClearIcon .1s linear;color:#87d3ff}.v_dialog--open .v_dialog_wrapper .v_dialog_footer{flex-shrink:0;padding:10px 14px}@keyframes VarDialogClearIcon{0%{opacity:.6}to{opacity:1}}.v_dialog--open .v_dialog_wrapper .v_dialog_body{flex-grow:1;overflow-y:auto;padding:10px 14px;width:100%}@keyframes VarDialogWrapperOpen{0%{transform:translateY(2em)}to{transform:translateY(0)}}.v_dialog--open.v_dialog--position-center{align-items:center;animation:VarDialogOpen .1s linear;display:flex;justify-content:center}.v_dialog--open.v_dialog--position-center .v_dialog_wrapper{border-radius:4px;max-height:calc(100vh - 40px);overflow:hidden;width:40vw}.v_dialog--open.v_dialog--position-right{align-items:stretch;animation:VarDialogOpen .1s linear;display:flex;justify-content:flex-end}.v_dialog--open.v_dialog--position-right .v_dialog_wrapper{height:100vh;width:40vw}.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--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: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 .v_field_content{align-items:center;display:flex;min-height:var(--vary-height)}.v_field--inline .v_field_body .v_field_error{color:var(--vary-error-color);font-size:12px;line-height:1;min-height:14px;padding:4px 0}.v_input{background-color:#fff;border:1px solid transparent;border-radius:4px;color:var(--vary-font-color);display:block;font-size:var(--vary-font-size);height:var(--vary-height);justify-content:center;transition:all .1s linear}.v_input--border{border-color:var(--vary-border-color)}.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--textarea{height:auto}.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_input_number{background-color:#fff;border:1px solid var(--vary-border-color);border-radius:4px;color:var(--vary-font-color);display:block;font-size:var(--vary-font-size);height:var(--vary-height);transition:all .1s linear}.v_input_number--small{font-size:var(--vary-font-size-small);height:var(--vary-height-small)}.v_input_number--large{font-size:var(--vary-font-size-large);height:var(--vary-height-large)}.v_input_number--focus{border-color:var(--vary-primary-color)}.v_input_number--disabled,.v_input_number--readonly{background-color:var(--vary-border-color-light)}.v_input_number--disabled{cursor:not-allowed}.v_input_number_body,.v_input_number_button{align-items:center;display:flex;height:100%}.v_input_number_button{background-color:transparent;border:none;color:var(--vary-font-color);cursor:pointer;flex-shrink:0;justify-content:center;padding:0;transition:all .1s linear;width:32px}.v_input_number_button:hover:not(.v_input_number_button--disabled){background-color:var(--vary-border-color);color:var(--vary-primary-color)}.v_input_number_button:active:not(.v_input_number_button--disabled){background-color:var(--vary-border-color)}.v_input_number_button--disabled{cursor:not-allowed;opacity:.5}.v_input_number_button svg{height:16px;width:16px}.v_input_number_input{background-color:transparent;border:none;color:inherit;flex:1;height:100%;min-width:0;outline:none;padding:0 8px;text-align:center;width:100%}.v_input_number_input::placeholder{color:var(--vary-font-color-light)}.v_input_number_input:disabled{cursor:not-allowed}.v_input_number_input:readonly{cursor:default}.v_input_number--small .v_input_number_button{width:28px}.v_input_number--small .v_input_number_button svg{height:14px;width:14px}.v_input_number--large .v_input_number_button{width:36px}.v_input_number--large .v_input_number_button svg{height:18px;width:18px}.v_menu{background-color:var(--vary-menu-background-color);height:100%;overflow-x:hidden;overflow-y:auto}.v_menu::-webkit-scrollbar{display:none}.v_menu .v_menu_body{max-height:100%}.v_menu .v_menu_item{align-items:center;cursor:pointer;display:flex;height:50px;justify-content:space-between;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_text{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v_menu .v_menu_item .v_menu_item_arrow{flex-shrink:0;height:24px;transition:transform .2s linear;width:24px}.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_menu_item_arrow{transform:rotate(90deg)}.v_menu .v_menu_item--active .v_menu_item_text{color:var(--vary-primary-color);font-weight:500}.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 .2s 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:block;font-size:var(--vary-font-size);position:relative;user-select:none}.v_select .v_select_body{background-color:#fff;border:1px solid transparent;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--border{border-color:var(--vary-border-color)}.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;padding-left:6px;width:50%}.v_select .v_select_body .v_select_value_container .v_select_value_item{align-items:center;display:flex;flex-shrink:0;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);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;outline:none;padding:0 6px;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_pop_root{color:var(--vary-font-color);font-size:var(--vary-font-size);padding:4px 0}.v_select_filter_root{margin-bottom:10px;padding:0 8px}.v_select_cols_root{align-items:stretch;display:flex}.v_select_cols_root .v_select_col_item{max-height:200px;overflow-x:hidden;overflow-y:auto}.v_select_cols_root .v_select_col_item+.v_select_col_item{border-left:1px solid var(--vary-border-color-light)}.v_select_cols_root .v_select_col_item_full{width:100%}.v_select_scroll_container{overflow-x:hidden;overflow-y:auto}.v_select_scroll_container::-webkit-scrollbar{display:none}.v_select_option{align-items:center;display:flex;height:var(--vary-height);justify-content:space-between;padding:0 14px;position:relative;word-break:break-all}.v_select_option--small{height:var(--vary-height-small)}.v_select_option--large{height:var(--vary-height-large)}.v_select_option+.v_select_option{border-top:1px solid var(--vary-border-color)}.v_select_option:hover{background-color:var(--vary-tree-hover-color)}.v_select_option .v_select_option_text{flex-grow:1;margin-right:10px}.v_select_option .v_checkbox{height:auto;margin-right:8px}.v_select_option_selected{color:var(--vary-primary-color);font-weight:700}.v_select_option_in_chain{background-color:var(--vary-tree-hover-color)}.v_select_option_in_chain .v_select_item_icon{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_next:hover,.v_pagination .v_pagination_body .v_pagination_prev:hover{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_scroll{overflow:hidden;position:relative}.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_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;white-space:nowrap}.v_table .v_checkbox{height:auto}.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_scroll_container{overflow:auto;position:relative}.v_table .v_table_head{position:relative}.v_table .v_table_head .v_table_head_left{left:0;overflow-x:hidden;overflow-y:hidden;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{overflow-x:auto;overflow-y:hidden;position:relative;z-index:1}.v_table .v_table_head .v_table_head_main::-webkit-scrollbar{display:none}.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{overflow-x:hidden;overflow-y:hidden;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;overflow-x:hidden;overflow-y:auto;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{overflow-x:hidden;overflow-y:auto;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_body .v_table_body_main{overflow-x:auto;overflow-y:auto}.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 .v_table_sort{cursor:pointer;font-size:14px}.v_table .v_table_th .v_table_sort--asc .icon-asc,.v_table .v_table_th .v_table_sort--desc .icon-desc{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 .v_table_cell_content{align-items:center;display:flex;gap:8px}.v_table .v_table_expand_icon{align-items:center;cursor:pointer;display:inline-flex;height:16px;justify-content:center;margin-right:4px;transition:transform .2s;width:16px}.v_table .v_table_expand_icon--expanded{transform:rotate(90deg)}.v_table .v_table_expand_icon i{color:var(--vary-font-color);font-size:12px}.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;overflow-x:hidden;overflow-y:auto}.v_tree::-webkit-scrollbar{display:none}.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{align-items:center;display:flex;font-size:var(--vary-font-size);user-select:none}.v_radio .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_label{align-items:center;display:flex;height:100%;padding:6px;white-space:nowrap}.v_radio--small{font-size:var(--vary-font-size-small)}.v_radio--large{font-size:var(--vary-font-size-large)}.v_radio--checked{color:var(--vary-primary-color)}.v_radio--checked .v_radio_field{border:.36em solid var(--vary-primary-color)}.v_radio--disabled{color:var(--vary-border-color-dark);cursor:not-allowed}.v_radio--disabled .v_radio_field{background-color:var(--vary-background-color);border-color:var(--vary-border-color-dark)}.v_radio_button{align-items:center;display:flex;font-size:var(--vary-font-size);height:var(--vary-height);user-select:none}.v_radio_button--small{font-size:var(--vary-font-size-small);height:var(--vary-height-small)}.v_radio_button--large{font-size:var(--vary-font-size-large);height:var(--vary-height-large)}.v_radio_button .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_button .v_radio_body{align-items:center;display:flex;height:100%;padding:0 10px;white-space:nowrap}.v_radio_button{border:1px solid var(--vary-border-color);cursor:pointer;margin-left:-1px;padding:5px 10px;transition:all .2s linear}.v_radio_button--checked{background-color:var(--vary-primary-color);border-color:var(--vary-primary-color);color:#fff;position:relative;z-index:2}.v_radio_button--disabled{background-color:var(--vary-border-color);border-color:var(--vary-border-color);cursor:not-allowed}.v_radio_button:first-child{border-bottom-left-radius:4px;border-top-left-radius:4px}.v_radio_button:last-child{border-bottom-right-radius:4px;border-top-right-radius:4px}.v_radio_group--inline{align-items:center;display:flex;flex-wrap:wrap}.v_tooltip,.v_tooltip_trigger{display:inline-block}.v_tooltip_popper{opacity:0;padding:6px;pointer-events:none;position:fixed;transition:opacity .2s ease,visibility .2s ease;visibility:hidden}.v_tooltip_popper--visible{opacity:1;pointer-events:auto;visibility:visible}.v_tooltip_content{word-wrap:break-word;background-color:#303133;border-radius:4px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);color:#fff;font-size:12px;line-height:1.4;max-width:300px;padding:8px 12px}.v_tooltip_arrow{background-color:#303133;height:8px;position:absolute;transform:rotate(45deg);width:8px}.v_tooltip_arrow--top{bottom:2px;left:50%;margin-left:-4px}.v_tooltip_arrow--bottom{left:50%;margin-left:-4px;top:2px}.v_tooltip_arrow--left{margin-top:-4px;right:2px;top:50%}.v_tooltip_arrow--right{left:2px;margin-top:-4px;top:50%}.v_tooltip_popper--top-end.v_tooltip_popper--visible,.v_tooltip_popper--top-start.v_tooltip_popper--visible,.v_tooltip_popper--top.v_tooltip_popper--visible{animation:v_tooltip_fade_in_top .2s ease}.v_tooltip_popper--bottom-end.v_tooltip_popper--visible,.v_tooltip_popper--bottom-start.v_tooltip_popper--visible,.v_tooltip_popper--bottom.v_tooltip_popper--visible{animation:v_tooltip_fade_in_bottom .2s ease}.v_tooltip_popper--left-end.v_tooltip_popper--visible,.v_tooltip_popper--left-start.v_tooltip_popper--visible,.v_tooltip_popper--left.v_tooltip_popper--visible{animation:v_tooltip_fade_in_left .2s ease}.v_tooltip_popper--right-end.v_tooltip_popper--visible,.v_tooltip_popper--right-start.v_tooltip_popper--visible,.v_tooltip_popper--right.v_tooltip_popper--visible{animation:v_tooltip_fade_in_right .2s ease}@keyframes v_tooltip_fade_in_top{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes v_tooltip_fade_in_bottom{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes v_tooltip_fade_in_left{0%{opacity:0;transform:translateX(5px)}to{opacity:1;transform:translateX(0)}}@keyframes v_tooltip_fade_in_right{0%{opacity:0;transform:translateX(-5px)}to{opacity:1;transform:translateX(0)}}.v_message{align-items:center;animation:VarMessageEnter .2s linear;animation-fill-mode:forwards;border:1px solid rgba(0,0,0,.03);border-radius:4px;display:flex;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:200px;--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

@@ -8,11 +8,11 @@ import Divider from './lib/Divider/Divider.js';
 import Form from './lib/Form/Form.js';
 import FormItem from './lib/FormItem/FormItem.js';
 import Input from './lib/Input/Input.js';
-import { defineComponent, ref, watch, computed, createVNode, onMounted, onBeforeUnmount, createTextVNode, createApp, h } from 'vue';
-import { c as config, s as setConfig } from './config-D32Huk5u.js';
+import { defineComponent, ref, watch, computed, createVNode, shallowRef, reactive, onBeforeUnmount, Teleport, nextTick, onMounted, createTextVNode, createApp, h } from 'vue';
+import { c as config, s as setConfig } from './config-B6SbgDfo.js';
 import { Icon } from '@iconify/vue';
 export { Icon } from '@iconify/vue';
-import { _ as _export_sfc } from './_plugin-vue_export-helper-VoCEjnZX.js';
+import { _ as _export_sfc } from './_plugin-vue_export-helper-U_Dpk1Cn.js';
 import Link from './lib/Link/Link.js';
 import Menu from './lib/Menu/Menu.js';
 import Pagination from './lib/Pagination/Pagination.js';
@@ -28,16 +28,17 @@ import TableColumn from './lib/TableColumn/TableColumn.js';
 import Radio from './lib/Radio/Radio.js';
 import RadioButton from './lib/RadioButton/RadioButton.js';
 import RadioGroup from './lib/RadioGroup/RadioGroup.js';
+import { t as throttle } from './utils-BE54Zx9J.js';
+export { d as debounce, i as isArray, a as isBoolean, b as isDate, c as isDateTime, e as isFun, f as isMonth, g as isNumber, h as isObject, j as isTime, k as isYear, m as matchChildrenCoponent, n as now } from './utils-BE54Zx9J.js';
 import Message from './lib/Message/Message.js';
 import createConfirm from './lib/Confirm/Confirm.js';
 import './lib/Loading/Loading.js';
-export { d as debounce, i as isArray, a as isBoolean, b as isDate, c as isDateTime, e as isFun, f as isMonth, g as isNumber, h as isObject, j as isTime, k as isYear, m as matchChildrenCoponent, n as now, t as throttle } from './utils-C7xxOjx5.js';
-import { L as Loading } from './Loading-BcQ5bCB3.js';
-import './Wrap-D7AyBJ5H.js';
-import './_tslib-DrtOIdzY.js';
+import { L as Loading } from './Loading-Ciy6uzdj.js';
+import './Wrap-BkJMitaZ.js';
+import './_tslib-CggskQ55.js';
 import 'async-validator';
 
-var _sfc_main$3 = /* @__PURE__ */ defineComponent({
+var _sfc_main$4 = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: {
       type: [String, Number],
@@ -250,9 +251,9 @@ var _sfc_main$3 = /* @__PURE__ */ defineComponent({
   }
 });
 
-var InputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__file", "/Users/loki/Documents/office/aprojects/vary/vary-ui/lib/InputNumber/InputNumber.vue"]]);
+var InputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__file", "/Users/loki/Documents/office/aprojects/vary/vary-ui/lib/InputNumber/InputNumber.vue"]]);
 
-var _sfc_main$2 = /* @__PURE__ */ defineComponent({
+var _sfc_main$3 = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: {
       type: Boolean,
@@ -284,9 +285,9 @@ var _sfc_main$2 = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Switch = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-bdb44f46"], ["__file", "/Users/loki/Documents/office/aprojects/vary/vary-ui/lib/Switch/Switch.vue"]]);
+var Switch = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-bdb44f46"], ["__file", "/Users/loki/Documents/office/aprojects/vary/vary-ui/lib/Switch/Switch.vue"]]);
 
-var _sfc_main$1 = /* @__PURE__ */ defineComponent({
+var _sfc_main$2 = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: {
       type: String,
@@ -420,7 +421,258 @@ var _sfc_main$1 = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Tree = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "/Users/loki/Documents/office/aprojects/vary/vary-ui/lib/Tree/Tree.vue"]]);
+var Tree = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "/Users/loki/Documents/office/aprojects/vary/vary-ui/lib/Tree/Tree.vue"]]);
+
+var _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  props: {
+    content: {
+      type: String,
+      default: ""
+    },
+    placement: {
+      type: String,
+      default: "top"
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    offset: {
+      type: Number,
+      default: 8
+    },
+    showDelay: {
+      type: Number,
+      default: 0
+    },
+    hideDelay: {
+      type: Number,
+      default: 200
+    },
+    zIndex: {
+      type: Number,
+      default: 2000
+    },
+    // 支持手动控制
+    modelValue: {
+      type: Boolean,
+      default: undefined
+    },
+    trigger: {
+      type: String,
+      default: "hover"
+    },
+    // 是否显示箭头
+    showArrow: {
+      type: Boolean,
+      default: true
+    },
+    // 自定义类名
+    popperClass: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:model-value"],
+  setup(_props, {
+    slots: _slots,
+    emit: _emit
+  }) {
+    const triggerRef = shallowRef(null);
+    const tooltipRef = shallowRef(null);
+    const visible = ref(false);
+    const tooltipStyle = reactive({
+      zIndex: _props.zIndex,
+      top: "0px",
+      left: "0px"
+    });
+    let showTimer = null;
+    let hideTimer = null;
+    // 节流的位置更新函数
+    const throttledUpdatePosition = throttle(() => {
+      if (visible.value) {
+        updatePosition();
+      }
+    }, 16);
+    function clearTimers() {
+      if (showTimer) {
+        clearTimeout(showTimer);
+        showTimer = null;
+      }
+      if (hideTimer) {
+        clearTimeout(hideTimer);
+        hideTimer = null;
+      }
+    }
+    function show() {
+      if (_props.disabled) return;
+      clearTimers();
+      if (_props.showDelay > 0) {
+        showTimer = setTimeout(() => {
+          doShow();
+        }, _props.showDelay);
+      } else {
+        doShow();
+      }
+    }
+    function doShow() {
+      visible.value = true;
+      _emit("update:model-value", true);
+      nextTick(() => {
+        updatePosition();
+        // 添加滚动和resize监听
+        window.addEventListener("scroll", throttledUpdatePosition, true);
+        window.addEventListener("resize", throttledUpdatePosition);
+      });
+    }
+    function hide() {
+      clearTimers();
+      if (_props.hideDelay > 0) {
+        hideTimer = setTimeout(() => {
+          doHide();
+        }, _props.hideDelay);
+      } else {
+        doHide();
+      }
+    }
+    function doHide() {
+      visible.value = false;
+      _emit("update:model-value", false);
+      // 移除监听
+      window.removeEventListener("scroll", throttledUpdatePosition, true);
+      window.removeEventListener("resize", throttledUpdatePosition);
+    }
+    function updatePosition() {
+      if (!triggerRef.value || !tooltipRef.value) return;
+      const triggerRect = triggerRef.value.getBoundingClientRect();
+      const tooltipRect = tooltipRef.value.getBoundingClientRect();
+      const offset = _props.offset;
+      let top = 0;
+      let left = 0;
+      const placement = _props.placement;
+      const [main, align] = placement.split("-");
+      // 计算主方向位置
+      switch (main) {
+        case "top":
+          top = triggerRect.top - tooltipRect.height - offset;
+          left = triggerRect.left + (triggerRect.width - tooltipRect.width) / 2;
+          break;
+        case "bottom":
+          top = triggerRect.bottom + offset;
+          left = triggerRect.left + (triggerRect.width - tooltipRect.width) / 2;
+          break;
+        case "left":
+          top = triggerRect.top + (triggerRect.height - tooltipRect.height) / 2;
+          left = triggerRect.left - tooltipRect.width - offset;
+          break;
+        case "right":
+          top = triggerRect.top + (triggerRect.height - tooltipRect.height) / 2;
+          left = triggerRect.right + offset;
+          break;
+      }
+      // 计算对齐方式
+      if (align === "start") {
+        if (main === "top" || main === "bottom") {
+          left = triggerRect.left;
+        } else {
+          top = triggerRect.top;
+        }
+      } else if (align === "end") {
+        if (main === "top" || main === "bottom") {
+          left = triggerRect.right - tooltipRect.width;
+        } else {
+          top = triggerRect.bottom - tooltipRect.height;
+        }
+      }
+      // 边界检测
+      const viewportWidth = window.innerWidth;
+      const viewportHeight = window.innerHeight;
+      // 水平边界
+      if (left < 0) {
+        left = 0;
+      } else if (left + tooltipRect.width > viewportWidth) {
+        left = viewportWidth - tooltipRect.width;
+      }
+      // 垂直边界
+      if (top < 0) {
+        top = 0;
+      } else if (top + tooltipRect.height > viewportHeight) {
+        top = viewportHeight - tooltipRect.height;
+      }
+      tooltipStyle.top = `${top}px`;
+      tooltipStyle.left = `${left}px`;
+    }
+    // 监听外部 v-model 控制
+    watch(() => _props.modelValue, val => {
+      if (val === undefined) return;
+      if (val && !visible.value) {
+        doShow();
+      } else if (!val && visible.value) {
+        doHide();
+      }
+    });
+    onBeforeUnmount(() => {
+      clearTimers();
+      window.removeEventListener("scroll", throttledUpdatePosition, true);
+      window.removeEventListener("resize", throttledUpdatePosition);
+    });
+    function handleMouseEnter() {
+      if (_props.trigger === "hover") {
+        show();
+      }
+    }
+    function handleMouseLeave() {
+      if (_props.trigger === "hover") {
+        hide();
+      }
+    }
+    function handleClick() {
+      if (_props.trigger === "click") {
+        if (visible.value) {
+          hide();
+        } else {
+          show();
+        }
+      }
+    }
+    // 获取箭头位置类名
+    function getArrowClass() {
+      const placement = _props.placement;
+      const [main] = placement.split("-");
+      return `v_tooltip_arrow--${main}`;
+    }
+    return () => {
+      const hasContent = _props.content || _slots.content;
+      return createVNode("div", {
+        "class": "v_tooltip"
+      }, [createVNode("div", {
+        "ref": triggerRef,
+        "class": "v_tooltip_trigger",
+        "onMouseenter": handleMouseEnter,
+        "onMouseleave": handleMouseLeave,
+        "onClick": handleClick
+      }, [_slots.default && _slots.default()]), hasContent && createVNode(Teleport, {
+        "to": "body"
+      }, {
+        default: () => [createVNode("div", {
+          "ref": tooltipRef,
+          "class": ["v_tooltip_popper", `v_tooltip_popper--${_props.placement}`, _props.popperClass, {
+            "v_tooltip_popper--visible": visible.value
+          }],
+          "style": tooltipStyle,
+          "onMouseenter": handleMouseEnter,
+          "onMouseleave": handleMouseLeave
+        }, [_props.showArrow && createVNode("div", {
+          "class": ["v_tooltip_arrow", getArrowClass()]
+        }, null), createVNode("div", {
+          "class": "v_tooltip_content"
+        }, [_slots.content ? _slots.content() : _props.content])])]
+      })]);
+    };
+  }
+});
+
+var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "/Users/loki/Documents/office/aprojects/vary/vary-ui/lib/Tooltip/Tooltip.vue"]]);
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
@@ -611,6 +863,7 @@ const comps = {
     Tree,
     Pagination,
     Popover,
+    Tooltip,
     Menu,
     Scroll,
     Form,
@@ -634,4 +887,4 @@ const VaryUI = {
     },
 };
 
-export { Button, Card, Checkbox, CheckboxGroup, Date, Dialog, Divider, Form, FormItem, Input, InputNumber, Link, Menu, Pagination, Popover, Radio, RadioButton, RadioGroup, Scene, Scroll, Select, Skeleton, Switch, Tab, Table, TableColumn, Tabs, Tree, VarAlert, VarConfirm, VarLoading, VarMessage, Preview as VarPreview, VaryUI as default };
+export { Button, Card, Checkbox, CheckboxGroup, Date, Dialog, Divider, Form, FormItem, Input, InputNumber, Link, Menu, Pagination, Popover, Radio, RadioButton, RadioGroup, Scene, Scroll, Select, Skeleton, Switch, Tab, Table, TableColumn, Tabs, Tooltip, Tree, VarAlert, VarConfirm, VarLoading, VarMessage, Preview as VarPreview, VaryUI as default, throttle };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vary-ui",
-  "version": "3.22.54",
+  "version": "3.22.57",
   "description": "vary-ui base vue3",
   "homepage": "https://varyui.com",
   "main": "dist/vary-ui.js",