@varlet/ui 2.18.2-alpha.1698728560863 → 2.18.2

package/es/utils/components.mjs

@@ -34,7 +34,7 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { useEventListener } from "@varlet/use";
+import { useEventListener, useVModel as _useVModel } from "@varlet/use";
 import {
   createApp,
   h,
@@ -42,11 +42,9 @@ import {
   onActivated,
   onDeactivated,
   Comment,
-  Fragment,
-  computed,
-  watch
+  Fragment
 } from "vue";
-import { bigCamelize, isArray } from "@varlet/shared";
+import { call as _call, createNamespaceFn, isArray } from "@varlet/shared";
 function pickProps(props, propsKey) {
   return Array.isArray(propsKey) ? propsKey.reduce((pickedProps, key) => {
     pickedProps[key] = props[key];
@@ -147,39 +145,9 @@ function useTeleport() {
     disabled
   };
 }
-function createNamespace(name) {
-  const namespace = `var`;
-  const componentName = `${namespace}-${name}`;
-  const createBEM = (suffix) => {
-    if (!suffix) {
-      return componentName;
-    }
-    if (suffix[0] === "$") {
-      return suffix.replace("$", namespace);
-    }
-    return suffix.startsWith("--") ? `${componentName}${suffix}` : `${componentName}__${suffix}`;
-  };
-  const classes = (...classes2) => classes2.map((className) => {
-    if (isArray(className)) {
-      const [condition, truthy, falsy = null] = className;
-      return condition ? truthy : falsy;
-    }
-    return className;
-  });
-  return {
-    name: bigCamelize(componentName),
-    n: createBEM,
-    classes
-  };
-}
-function call(fn, ...args) {
-  if (isArray(fn)) {
-    return fn.map((f) => f(...args));
-  }
-  if (fn) {
-    return fn(...args);
-  }
-}
+const createNamespace = createNamespaceFn("var");
+const call = _call;
+const useVModel = _useVModel;
 function defineListenerProp(fallback) {
   return {
     type: [Function, Array],
@@ -195,35 +163,6 @@ function formatElevation(elevation, defaultLevel) {
   }
   return `var-elevation--${elevation}`;
 }
-function useVModel(props, key, options = {}) {
-  const { passive = true, eventName, defaultValue, emit } = options;
-  const event = eventName != null ? eventName : `onUpdate:${key.toString()}`;
-  const getValue = () => props[key] != null ? props[key] : defaultValue;
-  if (!passive) {
-    return computed({
-      get() {
-        return getValue();
-      },
-      set(value) {
-        emit ? emit(event, value) : call(props[event], value);
-      }
-    });
-  }
-  const proxy = ref(getValue());
-  watch(
-    () => props[key],
-    () => {
-      proxy.value = getValue();
-    }
-  );
-  watch(
-    () => proxy.value,
-    (newValue) => {
-      emit ? emit(event, newValue) : call(props[event], newValue);
-    }
-  );
-  return proxy;
-}
 export {
   call,
   createNamespace,