@varlet/ui 2.9.6 → 2.10.0-alpha.1681657406626

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,7 +5,7 @@ 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 { createApp, h, getCurrentInstance, isVNode, ref, onActivated, onDeactivated, Comment, Fragment, computed, watch } from 'vue';
 import { inBrowser, isArray } from '@varlet/shared';
 export function pickProps(props, propsKey) {
   return Array.isArray(propsKey) ? propsKey.reduce((pickedProps, key) => {
@@ -232,4 +232,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;
 }