yc-design-vue 1.1.1 → 1.1.3

package/es/_shared/utils/dom.js

@@ -1,8 +1,7 @@
 import { watch } from "vue";
 import { MEDICA_QUERY_QUERUES } from "../constants/index.js";
-import { useMediaQuery } from "../../node_modules/@vueuse/core/index.js";
+import { unrefElement, useMediaQuery } from "../../node_modules/@vueuse/core/index.js";
 import { isNumber, isString, isObject, isUndefined } from "./is.js";
-import { unrefElement } from "./vue-utils.js";
 const isServerRendering = (() => {
   try {
     return !(typeof window !== "undefined" && document !== void 0);
@@ -152,13 +151,35 @@ const valueToPx = (value) => {
   }
   return value;
 };
+function isHorizontallyScrollable(element) {
+  const style = window.getComputedStyle(element);
+  const isScrollableOverflow = style.overflowX === "scroll" || style.overflowX === "auto";
+  const isVisible = style.display !== "none" && style.visibility !== "hidden";
+  if (!isVisible) {
+    return false;
+  }
+  const isContentLarger = element.scrollWidth > element.clientWidth;
+  return isScrollableOverflow && isContentLarger;
+}
+function isVerticallyScrollable(element) {
+  const style = window.getComputedStyle(element);
+  const isScrollableOverflow = style.overflowY === "scroll" || style.overflowY === "auto";
+  const isVisible = style.display !== "none" && style.visibility !== "hidden";
+  if (!isVisible) {
+    return false;
+  }
+  const isContentLarger = element.scrollHeight > element.clientHeight;
+  return isScrollableOverflow && isContentLarger;
+}
 export {
   debounce,
   findFirstScrollableParent,
   getBreakpointValue,
   getDomText,
   getElement,
+  isHorizontallyScrollable,
   isServerRendering,
+  isVerticallyScrollable,
   mediaQueryHandler,
   querySelector,
   sleep,

package/es/_shared/utils/vue-utils.d.ts

@@ -1,12 +1,6 @@
-import { VNode, ComponentPublicInstance, MaybeRef, MaybeRefOrGetter } from 'vue';
+import { VNode } from 'vue';
 import { ObjectData, RenderContent } from '../type';
 export declare const getSlotFunction: (param: RenderContent | undefined) => import('vue').RenderFunction | (() => string | ObjectData[]) | undefined;
 export declare const isVifNode: (vnode: VNode | undefined | null) => boolean;
 export declare const findFirstLegitChild: (node: VNode[] | undefined) => VNode | null;
 export declare const findComponentsFromVnodes: (vnodes: VNode[], name: string) => ObjectData[];
-export type VueInstance = ComponentPublicInstance;
-export type MaybeElementRef<T extends MaybeElement = MaybeElement> = MaybeRef<T>;
-export type MaybeComputedElementRef<T extends MaybeElement = MaybeElement> = MaybeRefOrGetter<T>;
-export type MaybeElement = HTMLElement | SVGElement | VueInstance | undefined | null;
-export type UnRefElementReturn<T extends MaybeElement = MaybeElement> = T extends VueInstance ? Exclude<MaybeElement, VueInstance> : T | undefined;
-export declare function unrefElement<T extends MaybeElement>(elRef: MaybeComputedElementRef<T>): UnRefElementReturn<T>;

package/es/_shared/utils/vue-utils.js

@@ -1,4 +1,4 @@
-import { isVNode, Fragment, Text, Comment, toValue, h } from "vue";
+import { isVNode, Fragment, Text, Comment, h } from "vue";
 import { isObject, isFunction } from "./is.js";
 const getSlotFunction = (param) => {
   if (param) {
@@ -67,13 +67,8 @@ const findComponentsFromVnodes = (vnodes, name) => {
   traverse(vnodes);
   return result;
 };
-function unrefElement(elRef) {
-  const plain = toValue(elRef);
-  return (plain == null ? void 0 : plain.$el) ?? plain;
-}
 export {
   findComponentsFromVnodes,
   findFirstLegitChild,
-  getSlotFunction,
-  unrefElement
+  getSlotFunction
 };