@varlet/ui 2.9.3-alpha.1679397001839 → 2.9.3-alpha.1679420700979

package/es/collapse-item/CollapseItem.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, nextTick, watch, computed } from 'vue';
+import { defineComponent, ref, watch, computed } from 'vue';
 import { nextTickFrame, requestAnimationFrame } from '../utils/elements.mjs';
 import { isArray } from '@varlet/shared';
 import { createNamespace } from '../utils/components.mjs';
@@ -100,7 +100,7 @@ var __sfc__ = defineComponent({
       if (!contentEl.value) return;
       contentEl.value.style.height = '';
       show.value = true;
-      nextTick(() => {
+      requestAnimationFrame(() => {
         var {
           offsetHeight
         } = contentEl.value;

package/es/fab/Fab.mjs

@@ -1,8 +1,8 @@
 import { mergeProps as _mergeProps, isVNode as _isVNode, withDirectives as _withDirectives, vShow as _vShow, createVNode as _createVNode } from "vue";
 import Button from '../button/index.mjs';
 import Icon from '../icon/index.mjs';
-import { computed, defineComponent, ref, Teleport, Transition, watch } from 'vue';
-import { useClickOutside } from '@varlet/use';
+import { defineComponent, ref, Teleport, Transition, watch } from 'vue';
+import { useClickOutside, useVModel } from '@varlet/use';
 import { call, createNamespace, flatFragment, useTeleport } from '../utils/components.mjs';
 import { toSizeUnit } from '../utils/elements.mjs';
 import { toNumber } from '@varlet/shared';
@@ -33,22 +33,13 @@ export default defineComponent({
       slots,
       attrs
     } = _ref;
-    var localActive = ref(false);
+    var isActive = useVModel(props, 'active', {
+      emit: (event, value) => call(props['onUpdate:active'], value)
+    });
     var host = ref(null);
     var {
       disabled
     } = useTeleport();
-    var isActive = computed({
-      get() {
-        return localActive.value;
-      },
-
-      set(value) {
-        localActive.value = value;
-        call(props['onUpdate:active'], value);
-      }
-
-    });
 
     var handleClick = (e, value, childrenLength) => {
       e.stopPropagation();
@@ -152,11 +143,6 @@ export default defineComponent({
       })]);
     };
 
-    watch(() => props.active, value => {
-      localActive.value = value;
-    }, {
-      immediate: true
-    });
     watch(() => props.trigger, () => {
       isActive.value = false;
     });

package/es/index.bundle.mjs

@@ -241,7 +241,7 @@ import './time-picker/style/index.mjs'
 import './tooltip/style/index.mjs'
 import './uploader/style/index.mjs'
 
-const version = '2.9.3-alpha.1679397001839'
+const version = '2.9.3-alpha.1679420700979'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/index.mjs

@@ -160,7 +160,7 @@ export * from './time-picker/index.mjs'
 export * from './tooltip/index.mjs'
 export * from './uploader/index.mjs'
 
-const version = '2.9.3-alpha.1679397001839'
+const version = '2.9.3-alpha.1679420700979'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/menu/usePopover.mjs

@@ -6,7 +6,7 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
 
 import flip from '@popperjs/core/lib/modifiers/flip';
 import offset from '@popperjs/core/lib/modifiers/offset';
-import { useClickOutside } from '@varlet/use';
+import { useClickOutside, useVModel } from '@varlet/use';
 import { doubleRaf, toPxNum } from '../utils/elements.mjs';
 import { call } from '../utils/components.mjs';
 import { onMounted, onUnmounted, ref, watch } from 'vue';
@@ -15,11 +15,24 @@ import { useZIndex } from '../context/zIndex.mjs';
 export function usePopover(options) {
   var host = ref(null);
   var popover = ref(null);
-  var show = ref(false);
   var hostSize = ref({
     width: 0,
     height: 0
   });
+  var show = useVModel(options, 'show', {
+    passive: true,
+    defaultValue: false,
+
+    emit(event, value) {
+      if (value) {
+        resize();
+        call(options.onOpen);
+      } else {
+        call(options.onClose);
+      }
+    }
+
+  });
   var {
     zIndex
   } = useZIndex(() => show.value, 1);
@@ -261,22 +274,9 @@ export function usePopover(options) {
   };
 
   useClickOutside(host, 'click', handleClickOutside);
-  watch(() => options.show, newValue => {
-    show.value = newValue != null ? newValue : false;
-  }, {
-    immediate: true
-  });
   watch(() => options.offsetX, resize);
   watch(() => options.offsetY, resize);
   watch(() => options.placement, resize);
-  watch(() => show.value, newValue => {
-    if (newValue) {
-      resize();
-      call(options.onOpen);
-    } else {
-      call(options.onClose);
-    }
-  });
   watch(() => options.disabled, close);
   onMounted(() => {
     var _host$value;