@varlet/ui 2.9.6 → 2.10.0-alpha.1682067841655

package/es/swipe/Swipe.mjs

@@ -412,7 +412,7 @@ var __sfc__ = defineComponent({
     onActivated(resize);
     onDeactivated(stopAutoplay);
     onUnmounted(stopAutoplay);
-    useEventListener(window, 'resize', resize);
+    useEventListener(() => window, 'resize', resize);
     return {
       n,
       classes,

package/es/tabs/Tabs.mjs

@@ -226,8 +226,8 @@ var __sfc__ = defineComponent({
     }));
     watch(() => props.active, resize);
     watch(() => props.scrollable, resize);
-    useEventListener(window, 'resize', resize);
     onActivated(resize);
+    useEventListener(() => window, 'resize', resize);
     return {
       stickyComponent,
       indicatorWidth,

package/es/themes/dark/fieldDecorator.mjs

@@ -0,0 +1,4 @@
+export default {
+  '--field-decorator-text-color': '#fff',
+  '--field-decorator-blur-color': 'rgb(255, 255, 255, .7)'
+};

package/es/themes/dark/index.mjs

@@ -11,7 +11,7 @@ import collapse from './collapse.mjs';
 import datePicker from './datePicker.mjs';
 import dialog from './dialog.mjs';
 import divider from './divider.mjs';
-import input from './input.mjs';
+import fieldDecorator from './fieldDecorator.mjs';
 import pagination from './pagination.mjs';
 import picker from './picker.mjs';
 import popup from './popup.mjs';
@@ -45,4 +45,4 @@ export default _extends({
   '--color-danger': '#ef5350',
   '--color-disabled': '#404040',
   '--color-text-disabled': '#757575'
-}, button, cell, card, timePicker, datePicker, skeleton, tabs, tab, popup, dialog, actionSheet, chip, badge, uploader, collapse, pullRefresh, switchThemes, steps, pagination, table, input, select, radio, checkbox, divider, picker, appBar, bottomNavigation, bottomNavigationItem, menu, result, breadcrumb, paper, avatar);
+}, button, cell, card, timePicker, datePicker, skeleton, tabs, tab, popup, dialog, actionSheet, chip, badge, uploader, collapse, pullRefresh, switchThemes, steps, pagination, table, fieldDecorator, select, radio, checkbox, divider, picker, appBar, bottomNavigation, bottomNavigationItem, menu, result, breadcrumb, paper, avatar);

package/es/themes/dark/select.mjs

@@ -1,5 +1,3 @@
 export default {
-  '--select-select-text-color': '#fff',
-  '--select-blur-color': 'rgb(255, 255, 255, .7)',
   '--select-scroller-background': '#303030'
 };

package/es/utils/components.mjs

@@ -5,8 +5,8 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import { useEventListener } from '@varlet/use';
-import { createApp, h, getCurrentInstance, isVNode, ref, onActivated, onDeactivated, Comment, Fragment } from 'vue';
-import { inBrowser, isArray } from '@varlet/shared';
+import { createApp, h, getCurrentInstance, isVNode, ref, onActivated, onDeactivated, Comment, Fragment, computed, watch } from 'vue';
+import { isArray } from '@varlet/shared';
 export function pickProps(props, propsKey) {
   return Array.isArray(propsKey) ? propsKey.reduce((pickedProps, key) => {
     pickedProps[key] = props[key];
@@ -142,13 +142,9 @@ export function useValidation() {
     validateWithTrigger
   };
 }
-export function useRouteListener(cb) {
-  if (!inBrowser()) {
-    return;
-  }
-
-  useEventListener(window, 'hashchange', cb);
-  useEventListener(window, 'popstate', cb);
+export function useRouteListener(listener) {
+  useEventListener(() => window, 'hashchange', listener);
+  useEventListener(() => window, 'popstate', listener);
 }
 export function useTeleport() {
   var disabled = ref(false);
@@ -232,4 +228,41 @@ export function formatElevation(elevation, defaultLevel) {
   }
 
   return "var-elevation--" + elevation;
+}
+export function useVModel(props, key, options) {
+  if (options === void 0) {
+    options = {};
+  }
+
+  var {
+    passive = true,
+    eventName,
+    defaultValue,
+    emit
+  } = options;
+  var event = eventName != null ? eventName : "onUpdate:" + key.toString();
+
+  var getValue = () => props[key] != null ? props[key] : defaultValue;
+
+  if (!passive) {
+    return computed({
+      get() {
+        return getValue();
+      },
+
+      set(value) {
+        emit ? emit(event, value) : call(props[event], value);
+      }
+
+    });
+  }
+
+  var proxy = ref(getValue());
+  watch(() => props[key], () => {
+    proxy.value = getValue();
+  });
+  watch(() => proxy.value, newValue => {
+    emit ? emit(event, newValue) : call(props[event], newValue);
+  });
+  return proxy;
 }