vary-ui 3.22.16 → 3.22.19

package/dist/{Loading-B3CfBW3T.js → Loading-DKgbvRru.js}

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

package/dist/{Wrap-CRo9kCbS.js → Wrap-Ni1e7jlD.js}

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

package/dist/lib/Button/Button.js

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

package/dist/lib/Card/Card.js

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

package/dist/lib/Checkbox/Checkbox.js

@@ -1,6 +1,6 @@
 import { defineComponent, inject, computed, ref, createVNode } from 'vue';
-import { c as config } from '../../config-BUCuYzrc.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-C3ylAyHA.js';
+import { c as config } from '../../config-Sb3WJ3Fr.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BjeChPZl.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-4von65WL.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-C3ylAyHA.js';
+import { i as isArray } from '../../utils-CtmP_RqT.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BjeChPZl.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/Confirm/Confirm.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, createVNode, createApp, h, isVNode } from 'vue';
 import Button from '../Button/Button.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-C3ylAyHA.js';
-import '../../config-BUCuYzrc.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BjeChPZl.js';
+import '../../config-Sb3WJ3Fr.js';
 import '@iconify/vue';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/lib/Date/Date.js

@@ -1,11 +1,11 @@
 import { defineComponent, shallowRef, ref, reactive, watch, createVNode, createTextVNode } from 'vue';
-import { n as now, e as isTime, g as isYear, h as isMonth, d as isDate, f as isDateTime } from '../../utils-4von65WL.js';
+import { n as now, e as isTime, g as isYear, h as isMonth, d as isDate, f as isDateTime } from '../../utils-CtmP_RqT.js';
 import Popover from '../Popover/Popover.js';
 import Scroll from '../Scroll/Scroll.js';
 import Link from '../Link/Link.js';
-import { W as Wrap } from '../../Wrap-CRo9kCbS.js';
-import { c as config } from '../../config-BUCuYzrc.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-C3ylAyHA.js';
+import { W as Wrap } from '../../Wrap-Ni1e7jlD.js';
+import { c as config } from '../../config-Sb3WJ3Fr.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BjeChPZl.js';
 
 const weeks = ["周日", "周一", "周二", "周三", "周四", "周五", "周六"];
 const months = ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"].map((r, i) => {

package/dist/lib/Dialog/Dialog.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, watch, onMounted, onBeforeUnmount, createVNode, createTextVNode } from 'vue';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-C3ylAyHA.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BjeChPZl.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-C3ylAyHA.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BjeChPZl.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-D7Z8egG5.js';
+import { _ as __awaiter } from '../../_tslib-BRhoy8gh.js';
 import Schema from 'async-validator';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-C3ylAyHA.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BjeChPZl.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-D7Z8egG5.js';
-import { c as config } from '../../config-BUCuYzrc.js';
+import { _ as __awaiter } from '../../_tslib-BRhoy8gh.js';
+import { c as config } from '../../config-Sb3WJ3Fr.js';
 import Schema from 'async-validator';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-C3ylAyHA.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BjeChPZl.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/Input/Input.js

@@ -1,8 +1,8 @@
 import { defineComponent, ref, computed, inject, watch, createVNode } from 'vue';
-import { W as Wrap } from '../../Wrap-CRo9kCbS.js';
-import { c as isFun } from '../../utils-4von65WL.js';
-import { c as config } from '../../config-BUCuYzrc.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-C3ylAyHA.js';
+import { W as Wrap } from '../../Wrap-Ni1e7jlD.js';
+import { c as isFun } from '../../utils-CtmP_RqT.js';
+import { c as config } from '../../config-Sb3WJ3Fr.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BjeChPZl.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/Link/Link.js

@@ -1,6 +1,6 @@
 import { defineComponent, computed, createVNode } from 'vue';
-import { c as config } from '../../config-BUCuYzrc.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-C3ylAyHA.js';
+import { c as config } from '../../config-Sb3WJ3Fr.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BjeChPZl.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-B3CfBW3T.js';
-import { c as config } from '../../config-BUCuYzrc.js';
-import '../../_plugin-vue_export-helper-C3ylAyHA.js';
+import { L as Loading } from '../../Loading-DKgbvRru.js';
+import { c as config } from '../../config-Sb3WJ3Fr.js';
+import '../../_plugin-vue_export-helper-BjeChPZl.js';
 
 const defaultOptions = {
     lock: false,

package/dist/lib/Menu/Menu.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, watch, createVNode } from 'vue';
-import { k as debounce } from '../../utils-4von65WL.js';
+import { k as debounce } from '../../utils-CtmP_RqT.js';
 import Scroll from '../Scroll/Scroll.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-C3ylAyHA.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BjeChPZl.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-BUCuYzrc.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-C3ylAyHA.js';
+import { c as config } from '../../config-Sb3WJ3Fr.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BjeChPZl.js';
 
 var _sfc_main = defineComponent({
     props: {

package/dist/lib/Pagination/Pagination.js

@@ -1,15 +1,15 @@
 import { defineComponent, ref, watch, createVNode, createTextVNode } from 'vue';
 import Select from '../Select/Select.js';
-import { c as config } from '../../config-BUCuYzrc.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-C3ylAyHA.js';
-import '../../_tslib-D7Z8egG5.js';
-import '../../utils-4von65WL.js';
+import { c as config } from '../../config-Sb3WJ3Fr.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BjeChPZl.js';
+import '../../_tslib-BRhoy8gh.js';
+import '../../utils-CtmP_RqT.js';
 import '../Popover/Popover.js';
-import '../../Wrap-CRo9kCbS.js';
+import '../../Wrap-Ni1e7jlD.js';
 import '../Input/Input.js';
 import '../Checkbox/Checkbox.js';
 import '../Scroll/Scroll.js';
-import '../../Loading-B3CfBW3T.js';
+import '../../Loading-DKgbvRru.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/Popover/Popover.js

@@ -1,6 +1,6 @@
 import { defineComponent, shallowRef, ref, watch, onMounted, onBeforeUnmount, createVNode, nextTick } from 'vue';
-import { t as throttle } from '../../utils-4von65WL.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-C3ylAyHA.js';
+import { t as throttle } from '../../utils-CtmP_RqT.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BjeChPZl.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-BUCuYzrc.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-C3ylAyHA.js';
+import { c as config } from '../../config-Sb3WJ3Fr.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BjeChPZl.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-BUCuYzrc.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-C3ylAyHA.js';
+import { c as config } from '../../config-Sb3WJ3Fr.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BjeChPZl.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-C3ylAyHA.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BjeChPZl.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/Scene/Scene.js

@@ -1,5 +1,5 @@
 import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, renderSlot } from 'vue';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-C3ylAyHA.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BjeChPZl.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 { k as debounce } from '../../utils-4von65WL.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-C3ylAyHA.js';
+import { k as debounce } from '../../utils-CtmP_RqT.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BjeChPZl.js';
 
 /**
  * note:

package/dist/lib/Select/Select.js

@@ -1,14 +1,14 @@
 import { defineComponent, ref, shallowRef, reactive, watch, onMounted, createVNode, createTextVNode, nextTick, isVNode } from 'vue';
-import { _ as __awaiter } from '../../_tslib-D7Z8egG5.js';
-import { i as isArray, a as isObject, k as debounce } from '../../utils-4von65WL.js';
+import { _ as __awaiter } from '../../_tslib-BRhoy8gh.js';
+import { i as isArray, a as isObject, k as debounce } from '../../utils-CtmP_RqT.js';
 import Popover from '../Popover/Popover.js';
-import { W as Wrap } from '../../Wrap-CRo9kCbS.js';
+import { W as Wrap } from '../../Wrap-Ni1e7jlD.js';
 import Input from '../Input/Input.js';
 import Checkbox from '../Checkbox/Checkbox.js';
 import Scroll from '../Scroll/Scroll.js';
-import { c as config } from '../../config-BUCuYzrc.js';
-import { L as Loading } from '../../Loading-B3CfBW3T.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-C3ylAyHA.js';
+import { c as config } from '../../config-Sb3WJ3Fr.js';
+import { L as Loading } from '../../Loading-DKgbvRru.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BjeChPZl.js';
 
 /**
   关于远程搜索:
@@ -231,7 +231,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         v2.push(d.__originData);
       });
       _emit("update:model-value", _props.multiple ? v1 : v1.length > 0 ? v1[0] : "");
-      _emit("change", v2, selectedNodes.value);
+      _emit("change", _props.multiple ? v2 : v2.length > 0 ? v2[0] : "", selectedNodes.value);
       _emit("popover-close");
     }
     const selectedNodes = ref([]);
@@ -568,13 +568,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 // 独立模式， 任意节点都可以选中
                 selectedValues.value = [row.__full_value];
                 selectedNodes.value = [row];
-                closePopover();
+                focus.value = false;
               } else {
                 // 关联模式, 只有没有children的节点才可以选中
                 if (!row.__hasChildren || !_props.tree) {
                   selectedValues.value = [row.__full_value];
                   selectedNodes.value = [row];
-                  closePopover();
+                  focus.value = false;
                 }
               }
             }
@@ -608,7 +608,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             e.stopPropagation(); // 阻止冒泡是为了防止popover弹出, 因为本组件内要手动控制popover状态
             if (_props.readonly || _props.disabled) return; // 如果组件是只读或者被禁用状态, 不再展开popover
             if (focus.value) {
-              closePopover();
+              focus.value = false;
             } else {
               openPopover();
             }
@@ -671,7 +671,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               if (_props.readonly || _props.disabled) return; // 如果组件是只读或者被禁用状态, 不再展开popover
               selectedValues.value = []; // 直接清空selectedValues
               updateResult(new Set(), new Set());
-              closePopover();
+              focus.value = false;
             }
           }, [createVNode("span", {
             "class": "icon-close-round-fill"

package/dist/lib/Skeleton/Skeleton.js

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

package/dist/lib/Tab/Tab.js

@@ -1,97 +1,18 @@
-import { defineComponent, ref, watch, onBeforeUnmount, createVNode } from 'vue';
-import { m as matchChildrenCoponent } from '../../utils-4von65WL.js';
-import TabPanel from '../TabPanel/TabPanel.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-C3ylAyHA.js';
+import { defineComponent, createVNode } from 'vue';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BjeChPZl.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
-  props: {
-    modelValue: {
-      type: String,
-      default: ""
-    },
-    border: {
-      type: Boolean,
-      default: false
-    },
-    shadow: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ["update:model-value", "change"],
   setup(_props, {
-    slots: _slots,
-    emit: _emit,
-    attrs: _attrs
+    slots: _slots
   }) {
-    const tabKey = ref(_props.modelValue || "");
-    const lastKey = ref("");
-    watch(() => _props.modelValue, v => {
-      _emit("change", v);
-      tabKey.value = v;
-    });
-    onBeforeUnmount(() => {
-      lastKey.value = "";
-    });
     return () => {
-      const panels = _slots.default ? matchChildrenCoponent(_slots.default(), TabPanel) : [];
-      panels.forEach(p => {
-        if (p.props.hasOwnProperty("preload")) {
-          p.props.preload = true;
-        }
-        p.props = Object.assign({
-          visible: true
-        }, p.props);
-      });
-      panels.findIndex(p => p.props.key === tabKey.value);
-      panels.findIndex(p => p.props.key === lastKey.value);
       return createVNode("div", {
-        "class": ["v_tab", {
-          "v_tab--shadow": _props.shadow
-        }, {
-          "v_tab--border": _props.border
-        }]
-      }, [createVNode("ul", {
-        "class": "v_tab_nav_group"
-      }, [panels.filter(p => p.props.visible).map(p => {
-        return createVNode("li", {
-          "class": ["v_tab_nav_item", {
-            "v_tab_nav_item--active": tabKey.value === p.props.key,
-            "v_tab_nav_item--disabled": p.props.disabled
-          }],
-          "onClick": () => {
-            if (p.props.key === tabKey.value) return;
-            if (p.props.disabled) return;
-            lastKey.value = tabKey.value;
-            tabKey.value = p.props.key;
-            _emit("update:model-value", p.props.key);
-          }
-        }, [p.children && p.children.label ? p.children.label(Object.assign(Object.assign({}, p.props), {
-          active: tabKey.value === p.props.key
-        })) : p.props.label]);
-      })]), createVNode("ul", {
-        "class": "v_tab_panel_group"
-      }, [panels.map(p => {
-        return createVNode("li", {
-          "key": p.props.key,
-          "class": ["v_tab_panel_item", {
-            v_tab_panel_item_active: tabKey.value === p.props.key
-          }],
-          "onAnimationend": e => {
-            // enter事件不需要处理
-            if (e.target === e.currentTarget) e.target.classList.remove("leave-left", "leave-right", "enter-left", "enter-right");
-          }
-        }, [(p.props.preload || tabKey.value === p.props.key) && p.children && p.children.default()]);
-      })])]);
+        "class": "v_tab_panel_body"
+      }, null);
     };
   }
 });
-/**
-  假如用定位去实现:
-  除了当前panel为relative, 其他都为absolute, 这样可以让当前panel撑开高度
-  把上一个的zindex设为次大值, 当前的设为最大值
- */
 
-var Tab = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/loki/Documents/office/aprojects/vary/vary-ui/lib/Tab/Tab.vue"]]);
+var Tab = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/loki/Documents/office/aprojects/vary/vary-ui/lib/Tabs/Tab.vue"]]);
 
 export { Tab as default };

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 { k as debounce, m as matchChildrenCoponent, t as throttle } from '../../utils-4von65WL.js';
+import { k as debounce, m as matchChildrenCoponent, t as throttle } from '../../utils-CtmP_RqT.js';
 import Checkbox from '../Checkbox/Checkbox.js';
 import Scroll from '../Scroll/Scroll.js';
 import TableColumn from '../TableColumn/TableColumn.js';
-import { c as config } from '../../config-BUCuYzrc.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-C3ylAyHA.js';
+import { c as config } from '../../config-Sb3WJ3Fr.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BjeChPZl.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-C3ylAyHA.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BjeChPZl.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/Tabs/Tabs.js

@@ -0,0 +1,97 @@
+import { defineComponent, ref, watch, onBeforeUnmount, createVNode } from 'vue';
+import { m as matchChildrenCoponent } from '../../utils-CtmP_RqT.js';
+import Tab from '../Tab/Tab.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BjeChPZl.js';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  props: {
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    border: {
+      type: Boolean,
+      default: false
+    },
+    shadow: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["update:model-value", "change"],
+  setup(_props, {
+    slots: _slots,
+    emit: _emit,
+    attrs: _attrs
+  }) {
+    const tabKey = ref(_props.modelValue || "");
+    const lastKey = ref("");
+    watch(() => _props.modelValue, v => {
+      _emit("change", v);
+      tabKey.value = v;
+    });
+    onBeforeUnmount(() => {
+      lastKey.value = "";
+    });
+    return () => {
+      const panels = _slots.default ? matchChildrenCoponent(_slots.default(), Tab) : [];
+      panels.forEach(p => {
+        if (p.props.hasOwnProperty("preload")) {
+          p.props.preload = true;
+        }
+        p.props = Object.assign({
+          visible: true
+        }, p.props);
+      });
+      panels.findIndex(p => p.props.key === tabKey.value);
+      panels.findIndex(p => p.props.key === lastKey.value);
+      return createVNode("div", {
+        "class": ["v_tab", {
+          "v_tab--shadow": _props.shadow
+        }, {
+          "v_tab--border": _props.border
+        }]
+      }, [createVNode("ul", {
+        "class": "v_tab_nav_group"
+      }, [panels.filter(p => p.props.visible).map(p => {
+        return createVNode("li", {
+          "class": ["v_tab_nav_item", {
+            "v_tab_nav_item--active": tabKey.value === p.props.key,
+            "v_tab_nav_item--disabled": p.props.disabled
+          }],
+          "onClick": () => {
+            if (p.props.key === tabKey.value) return;
+            if (p.props.disabled) return;
+            lastKey.value = tabKey.value;
+            tabKey.value = p.props.key;
+            _emit("update:model-value", p.props.key);
+          }
+        }, [p.children && p.children.label ? p.children.label(Object.assign(Object.assign({}, p.props), {
+          active: tabKey.value === p.props.key
+        })) : p.props.label]);
+      })]), createVNode("ul", {
+        "class": "v_tab_panel_group"
+      }, [panels.map(p => {
+        return createVNode("li", {
+          "key": p.props.key,
+          "class": ["v_tab_panel_item", {
+            v_tab_panel_item_active: tabKey.value === p.props.key
+          }],
+          "onAnimationend": e => {
+            // enter事件不需要处理
+            if (e.target === e.currentTarget) e.target.classList.remove("leave-left", "leave-right", "enter-left", "enter-right");
+          }
+        }, [(p.props.preload || tabKey.value === p.props.key) && p.children && p.children.default()]);
+      })])]);
+    };
+  }
+});
+/**
+  假如用定位去实现:
+  除了当前panel为relative, 其他都为absolute, 这样可以让当前panel撑开高度
+  把上一个的zindex设为次大值, 当前的设为最大值
+ */
+
+var Tabs = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/loki/Documents/office/aprojects/vary/vary-ui/lib/Tabs/Tabs.vue"]]);
+
+export { Tabs as default };

package/dist/types/index.d.ts

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

package/dist/vary-ui.js

@@ -17,11 +17,11 @@ import Scroll from './lib/Scroll/Scroll.js';
 import Select from './lib/Select/Select.js';
 import Skeleton from './lib/Skeleton/Skeleton.js';
 import { defineComponent, ref, watch, createVNode, onMounted, onBeforeUnmount, createTextVNode } from 'vue';
-import { _ as _export_sfc } from './_plugin-vue_export-helper-C3ylAyHA.js';
+import { _ as _export_sfc } from './_plugin-vue_export-helper-BjeChPZl.js';
 import Tab from './lib/Tab/Tab.js';
+import Tabs from './lib/Tabs/Tabs.js';
 import Table from './lib/Table/Table.js';
 import TableColumn from './lib/TableColumn/TableColumn.js';
-import TabPanel from './lib/TabPanel/TabPanel.js';
 import Radio from './lib/Radio/Radio.js';
 import RadioButton from './lib/RadioButton/RadioButton.js';
 import RadioGroup from './lib/RadioGroup/RadioGroup.js';
@@ -30,11 +30,11 @@ import createConfirm from './lib/Confirm/Confirm.js';
 import './lib/Loading/Loading.js';
 import { Icon } from '@iconify/vue';
 export { Icon } from '@iconify/vue';
-export { k as debounce, i as isArray, b as isBoolean, d as isDate, f as isDateTime, c as isFun, h as isMonth, j as isNumber, a as isObject, e as isTime, g as isYear, m as matchChildrenCoponent, n as now, t as throttle } from './utils-4von65WL.js';
-import { s as setConfig } from './config-BUCuYzrc.js';
-import { L as Loading } from './Loading-B3CfBW3T.js';
-import './Wrap-CRo9kCbS.js';
-import './_tslib-D7Z8egG5.js';
+export { k as debounce, i as isArray, b as isBoolean, d as isDate, f as isDateTime, c as isFun, h as isMonth, j as isNumber, a as isObject, e as isTime, g as isYear, m as matchChildrenCoponent, n as now, t as throttle } from './utils-CtmP_RqT.js';
+import { s as setConfig } from './config-Sb3WJ3Fr.js';
+import { L as Loading } from './Loading-DKgbvRru.js';
+import './Wrap-Ni1e7jlD.js';
+import './_tslib-BRhoy8gh.js';
 import 'async-validator';
 
 var _sfc_main$2 = /* @__PURE__ */ defineComponent({
@@ -364,7 +364,7 @@ const comps = {
     Switch,
     Date,
     Tab,
-    TabPanel,
+    Tabs,
     Table,
     TableColumn,
     Tree,
@@ -394,4 +394,4 @@ const VaryUI = {
     },
 };
 
-export { Button, Card, Checkbox, CheckboxGroup, Date, Dialog, Divider, Form, FormItem, Input, Link, Menu, Pagination, Popover, Preview, Radio, RadioButton, RadioGroup, Scene, Scroll, Select, Skeleton, Switch, Tab, TabPanel, Table, TableColumn, Tree, VarAlert, VarConfirm, VarLoading, VarMessage, VarPreview, VaryUI as default };
+export { Button, Card, Checkbox, CheckboxGroup, Date, Dialog, Divider, Form, FormItem, Input, Link, Menu, Pagination, Popover, Preview, Radio, RadioButton, RadioGroup, Scene, Scroll, Select, Skeleton, Switch, Tab, Table, TableColumn, Tabs, Tree, VarAlert, VarConfirm, VarLoading, VarMessage, VarPreview, VaryUI as default };

package/package.json

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

package/dist/lib/TabPanel/TabPanel.js

@@ -1,18 +0,0 @@
-import { defineComponent, createVNode } from 'vue';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-C3ylAyHA.js';
-
-var _sfc_main = /* @__PURE__ */ defineComponent({
-  setup(_props, {
-    slots: _slots
-  }) {
-    return () => {
-      return createVNode("div", {
-        "class": "v_tab_panel_body"
-      }, null);
-    };
-  }
-});
-
-var TabPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/loki/Documents/office/aprojects/vary/vary-ui/lib/TabPanel/TabPanel.vue"]]);
-
-export { TabPanel as default };