x-next 1.0.1 → 1.2.0

package/dist/components/time-range-selector/TimeRangeSelector.vue.d.ts

@@ -8,12 +8,20 @@ type __VLS_Props = {
     disabledRanges?: [string, string][];
     maxRanges?: number;
     showCursor?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    remove: (value: [string, string]) => any;
+    change: (value: [string, string][]) => any;
     "update:modelValue": (value: [string, string][]) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onRemove?: ((value: [string, string]) => any) | undefined;
+    onChange?: ((value: [string, string][]) => any) | undefined;
     "onUpdate:modelValue"?: ((value: [string, string][]) => any) | undefined;
 }>, {
+    readonly: boolean;
+    disabled: boolean;
     scene: TimeRangeSelectorScene;
     overlapAllowed: boolean;
     stepMinutes: number;

package/dist/components/time-range-selector/index.d.ts

@@ -8,11 +8,19 @@ export declare const TimeRangeSelector: {
         disabledRanges?: [string, string][];
         maxRanges?: number;
         showCursor?: boolean;
+        disabled?: boolean;
+        readonly?: boolean;
     }> & Readonly<{
+        onRemove?: ((value: [string, string]) => any) | undefined;
+        onChange?: ((value: [string, string][]) => any) | undefined;
         "onUpdate:modelValue"?: ((value: [string, string][]) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        remove: (value: [string, string]) => any;
+        change: (value: [string, string][]) => any;
         "update:modelValue": (value: [string, string][]) => any;
     }, import('vue').PublicProps, {
+        readonly: boolean;
+        disabled: boolean;
         scene: "default" | "compact" | "schedule" | "monitor";
         overlapAllowed: boolean;
         stepMinutes: number;
@@ -35,9 +43,15 @@ export declare const TimeRangeSelector: {
         disabledRanges?: [string, string][];
         maxRanges?: number;
         showCursor?: boolean;
+        disabled?: boolean;
+        readonly?: boolean;
     }> & Readonly<{
+        onRemove?: ((value: [string, string]) => any) | undefined;
+        onChange?: ((value: [string, string][]) => any) | undefined;
         "onUpdate:modelValue"?: ((value: [string, string][]) => any) | undefined;
     }>, {}, {}, {}, {}, {
+        readonly: boolean;
+        disabled: boolean;
         scene: "default" | "compact" | "schedule" | "monitor";
         overlapAllowed: boolean;
         stepMinutes: number;
@@ -57,11 +71,19 @@ export declare const TimeRangeSelector: {
     disabledRanges?: [string, string][];
     maxRanges?: number;
     showCursor?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
 }> & Readonly<{
+    onRemove?: ((value: [string, string]) => any) | undefined;
+    onChange?: ((value: [string, string][]) => any) | undefined;
     "onUpdate:modelValue"?: ((value: [string, string][]) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    remove: (value: [string, string]) => any;
+    change: (value: [string, string][]) => any;
     "update:modelValue": (value: [string, string][]) => any;
 }, string, {
+    readonly: boolean;
+    disabled: boolean;
     scene: "default" | "compact" | "schedule" | "monitor";
     overlapAllowed: boolean;
     stepMinutes: number;

package/dist/components/tooltip/Tooltip.vue.d.ts

@@ -309,8 +309,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>, {
     mini: boolean;
     disabled: boolean;
-    animationName: string;
     position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+    animationName: string;
     autoFitPosition: boolean;
     popupVisible: boolean;
     defaultPopupVisible: boolean;

package/dist/components/tooltip/index.d.ts

@@ -159,8 +159,8 @@ export declare const Tooltip: {
     }, import('vue').PublicProps, {
         mini: boolean;
         disabled: boolean;
-        animationName: string;
         position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+        animationName: string;
         autoFitPosition: boolean;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
@@ -345,8 +345,8 @@ export declare const Tooltip: {
     }>, () => VNode, {}, {}, {}, {
         mini: boolean;
         disabled: boolean;
-        animationName: string;
         position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+        animationName: string;
         autoFitPosition: boolean;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
@@ -534,8 +534,8 @@ export declare const Tooltip: {
 }, string, {
     mini: boolean;
     disabled: boolean;
-    animationName: string;
     position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+    animationName: string;
     autoFitPosition: boolean;
     popupVisible: boolean;
     defaultPopupVisible: boolean;

package/dist/components/trend-chart/themes.d.ts

@@ -1,3 +1,5 @@
+/** 网格与坐标轴辅助线颜色 */
+export declare const TrendChartAxisColor = "var(--x-color-border-subtle)";
 export declare const TrendChartTheme: {
     DANGER: {
         color: string;

package/dist/components/trigger/Trigger.d.ts

@@ -596,8 +596,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
 }>, {
     disabled: boolean;
-    animationName: string;
     position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+    animationName: string;
     autoFitPosition: boolean;
     popupVisible: boolean;
     defaultPopupVisible: boolean;

package/dist/components/trigger/index.d.ts

@@ -157,8 +157,8 @@ export declare const Trigger: {
         resize: () => true;
     }, import('vue').PublicProps, {
         disabled: boolean;
-        animationName: string;
         position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+        animationName: string;
         autoFitPosition: boolean;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
@@ -345,8 +345,8 @@ export declare const Trigger: {
         onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
     }>, () => any, {}, {}, {}, {
         disabled: boolean;
-        animationName: string;
         position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+        animationName: string;
         autoFitPosition: boolean;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
@@ -533,8 +533,8 @@ export declare const Trigger: {
     resize: () => true;
 }, string, {
     disabled: boolean;
-    animationName: string;
     position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+    animationName: string;
     autoFitPosition: boolean;
     popupVisible: boolean;
     defaultPopupVisible: boolean;

package/dist/es/_container/client-only.js

@@ -0,0 +1,16 @@
+import { defineComponent as u, ref as r, onMounted as a } from "vue";
+const o = /* @__PURE__ */ u({
+  name: "ClientOnly",
+  setup(f, {
+    slots: e
+  }) {
+    const n = r(!1);
+    return a(() => n.value = !0), () => {
+      var t;
+      return n.value ? (t = e.default) == null ? void 0 : t.call(e) : null;
+    };
+  }
+});
+export {
+  o as default
+};

package/dist/es/_container/render-function.js

@@ -0,0 +1,16 @@
+import { defineComponent as e } from "vue";
+const r = e({
+  name: "RenderFunction",
+  props: {
+    renderFunc: {
+      type: Function,
+      required: !0
+    }
+  },
+  render() {
+    return this.renderFunc(this.$attrs);
+  }
+});
+export {
+  r as default
+};

package/dist/es/_container/resize-observer-v2.js

@@ -0,0 +1,45 @@
+import { defineComponent as p, watch as u, onBeforeUnmount as a } from "vue";
+import d from "../node_modules/.pnpm/resize-observer-polyfill@1.5.1/node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js";
+import { useFirstElement as v } from "../_hooks/use-first-element.js";
+const R = /* @__PURE__ */ p({
+  name: "ResizeObserver",
+  props: {
+    watchOnUpdated: Boolean
+  },
+  emits: [
+    /**
+     * resize 事件
+     * @property {ResizeObserverEntry} entry 触发 resize 的 dom 元素
+     */
+    "resize"
+  ],
+  setup(z, {
+    emit: o,
+    slots: n
+  }) {
+    const {
+      children: t,
+      firstElement: s
+    } = v();
+    let r;
+    const f = (e) => {
+      e && (r = new d((c) => {
+        const m = c[0];
+        o("resize", m);
+      }), r.observe(e));
+    }, i = () => {
+      r && (r.disconnect(), r = null);
+    };
+    return u(s, (e) => {
+      r && i(), e && f(e);
+    }), a(() => {
+      r && i();
+    }), () => {
+      var e;
+      return t.value = (e = n.default) == null ? void 0 : e.call(n), t.value;
+    };
+  }
+});
+export {
+  R as default
+};

package/dist/es/_container/resize-observer.js

@@ -0,0 +1,36 @@
+import { defineComponent as u, watch as a, onBeforeUnmount as p } from "vue";
+import v from "../node_modules/.pnpm/resize-observer-polyfill@1.5.1/node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js";
+import { useFirstElement as d } from "../_hooks/use-first-element.js";
+const R = /* @__PURE__ */ u({
+  name: "ResizeObserver",
+  emits: ["resize"],
+  setup(z, {
+    emit: s,
+    slots: n
+  }) {
+    const {
+      children: t,
+      firstElement: o
+    } = d();
+    let e;
+    const f = (r) => {
+      e = new v((m) => {
+        const c = m[0];
+        s("resize", c);
+      }), e.observe(r);
+    }, i = () => {
+      e && (e.disconnect(), e = null);
+    };
+    return a(o, (r) => {
+      e && i(), r && f(r);
+    }), p(() => {
+      e && i();
+    }), () => {
+      var r;
+      return t.value = (r = n.default) == null ? void 0 : r.call(n), t.value;
+    };
+  }
+});
+export {
+  R as default
+};

package/dist/es/_container/resize-trigger.vue.js

@@ -0,0 +1,39 @@
+import t from "./resize-trigger.vue2.js";
+import { resolveComponent as p, openBlock as l, createBlock as d, withCtx as m, createElementVNode as r, mergeProps as f, renderSlot as i, normalizeClass as n, createElementBlock as u, Fragment as w, renderList as $ } from "vue";
+import z from "../_virtual/_plugin-vue_export-helper.js";
+function C(e, s, y, R, v, g) {
+  const a = p("ResizeObserver");
+  return l(), d(a, { onResize: e.onResize }, {
+    default: m(() => [
+      r("div", f(e.wrapperAttrs, {
+        class: e.classNames,
+        style: e.attrStyle,
+        onMousedown: s[0] || (s[0] = (...o) => e.onMousedown && e.onMousedown(...o)),
+        onKeydown: s[1] || (s[1] = (...o) => e.onKeydown && e.onKeydown(...o))
+      }), [
+        i(e.$slots, "default", {}, () => [
+          r("div", {
+            class: n(`${e.prefixCls}-icon-wrapper`)
+          }, [
+            i(e.$slots, "icon", {}, () => [
+              r("span", {
+                class: n([`${e.prefixCls}-icon`, e.iconClassName]),
+                "aria-hidden": "true"
+              }, [
+                (l(), u(w, null, $(3, (o) => r("span", {
+                  key: o,
+                  class: n(`${e.prefixCls}-dot`)
+                }, null, 2)), 64))
+              ], 2)
+            ])
+          ], 2)
+        ])
+      ], 16)
+    ]),
+    _: 3
+  }, 8, ["onResize"]);
+}
+const K = /* @__PURE__ */ z(t, [["render", C]]);
+export {
+  K as default
+};

package/dist/es/_container/resize-trigger.vue2.js

@@ -0,0 +1,58 @@
+import { defineComponent as v, toRefs as m, computed as s } from "vue";
+import z from "./resize-observer.js";
+const g = /* @__PURE__ */ v({
+  name: "ResizeTrigger",
+  inheritAttrs: !1,
+  components: {
+    ResizeObserver: z
+  },
+  props: {
+    prefixCls: {
+      type: String,
+      required: !0
+    },
+    direction: {
+      type: String,
+      default: "horizontal"
+    }
+  },
+  emits: ["resize", "mousedown", "keydown"],
+  setup(a, {
+    attrs: n,
+    emit: r
+  }) {
+    const {
+      direction: l,
+      prefixCls: e
+    } = m(a), t = s(() => (l == null ? void 0 : l.value) === "horizontal"), i = s(() => {
+      const {
+        class: o,
+        style: $,
+        ...p
+      } = n;
+      return p;
+    }), u = s(() => n.style), c = s(() => [e.value, n.class, {
+      [`${e.value}-horizontal`]: t.value,
+      [`${e.value}-vertical`]: !t.value
+    }]), d = s(() => t.value ? `${e.value}-dots ${e.value}-dots-horizontal` : `${e.value}-dots ${e.value}-dots-vertical`);
+    return {
+      attrStyle: u,
+      wrapperAttrs: i,
+      classNames: c,
+      iconClassName: d,
+      onMousedown: (o) => {
+        r("mousedown", o);
+      },
+      onKeydown: (o) => {
+        r("keydown", o);
+      },
+      onResize: (o) => {
+        r("resize", o);
+      },
+      isHorizontal: t
+    };
+  }
+});
+export {
+  g as default
+};

package/dist/es/_hooks/use-children-components.js

@@ -0,0 +1,17 @@
+import { ref as s, onMounted as l, onUpdated as m } from "vue";
+import { getComponentsFromChildren as i } from "../_utils/vue-eco.js";
+const u = (r) => {
+  const o = {}, n = s([]), e = () => {
+    if (o.value) {
+      const t = i(o.value, r);
+      (t.length !== n.value.length || t.toString() !== n.value.toString()) && (n.value = t);
+    }
+  };
+  return l(() => e()), m(() => e()), {
+    children: o,
+    components: n
+  };
+};
+export {
+  u as useChildrenComponents
+};

package/dist/es/_hooks/use-component-ref.js

@@ -0,0 +1,16 @@
+import { ref as o, onMounted as u, watch as m } from "vue";
+import { isComponentInstance as f } from "../_utils/is.js";
+const c = (r) => {
+  const e = o(), t = () => f(e.value) ? e.value.$refs[r] : e.value, n = o();
+  return u(() => {
+    n.value = t();
+  }), m([e], () => {
+    n.value = t();
+  }), {
+    componentRef: e,
+    elementRef: n
+  };
+};
+export {
+  c as useComponentRef
+};

package/dist/es/_hooks/use-cursor.js

@@ -0,0 +1,36 @@
+import { ref as i } from "vue";
+function h(l) {
+  const o = i();
+  function u() {
+    if (!l.value) return;
+    const { selectionStart: e, selectionEnd: t, value: n } = l.value;
+    if (e == null || t == null) return;
+    const s = n.slice(0, Math.max(0, e)), r = n.slice(Math.max(0, t));
+    o.value = {
+      selectionStart: e,
+      selectionEnd: t,
+      value: n,
+      beforeTxt: s,
+      afterTxt: r
+    };
+  }
+  function c() {
+    if (!l.value || !o.value) return;
+    const { value: e } = l.value, { beforeTxt: t, afterTxt: n, selectionStart: s } = o.value;
+    if (!t || !n || !s) return;
+    let r = e.length;
+    if (e.endsWith(n))
+      r = e.length - n.length;
+    else if (e.startsWith(t))
+      r = t.length;
+    else {
+      const f = t[s - 1], a = e.indexOf(f, s - 1);
+      a !== -1 && (r = a + 1);
+    }
+    l.value.setSelectionRange(r, r);
+  }
+  return [u, c];
+}
+export {
+  h as useCursor
+};

package/dist/es/_hooks/use-first-element.js

@@ -0,0 +1,15 @@
+import { ref as o, onMounted as l, onUpdated as m } from "vue";
+import { getFirstElementFromChildren as s } from "../_utils/vue-eco.js";
+const u = () => {
+  const t = {}, e = o(), n = () => {
+    const r = s(t.value);
+    r !== e.value && (e.value = r);
+  };
+  return l(() => n()), m(() => n()), {
+    children: t,
+    firstElement: e
+  };
+};
+export {
+  u as useFirstElement
+};

package/dist/es/_hooks/use-form-item.js

@@ -0,0 +1,42 @@
+import { inject as f, computed as n, toRef as t, useId as b, shallowRef as v, onBeforeUpdate as c, watchEffect as g, onBeforeUnmount as y } from "vue";
+import { formItemInjectionKey as I } from "../components/form/context.js";
+const B = ({ size: r, disabled: i, error: o, uninject: s } = {}) => {
+  const a = s ? {} : f(I, {}), d = n(() => (r == null ? void 0 : r.value) ?? a.size), e = n(() => (i == null ? void 0 : i.value) || a.disabled), l = n(() => (o == null ? void 0 : o.value) || a.error), u = t(a, "feedback"), m = t(a, "eventHandlers");
+  return {
+    formItemCtx: a,
+    mergedSize: d,
+    mergedDisabled: e,
+    mergedError: l,
+    feedback: u,
+    eventHandlers: m
+  };
+}, h = (r, i = () => ({}), o = {}) => {
+  const s = b(), a = v({ ...i() });
+  c(() => {
+    const e = i();
+    (Object.keys(e).length !== Object.keys(a.value).length || Object.keys(e).some((l) => e[l] !== a.value[l])) && (a.value = { ...e });
+  });
+  const d = n(() => {
+    const e = { ...a.value, ...i() }, l = [e["aria-describedby"], r.describedBy].filter(Boolean).join(" ").split(/\s+/).filter(Boolean);
+    return {
+      ...e,
+      id: e.id ?? (r.registerControl ? `x-form-control-${s}` : void 0),
+      "aria-labelledby": e["aria-labelledby"] ?? (e["aria-label"] ? void 0 : r.labelId),
+      "aria-describedby": l.length ? [...new Set(l)].join(" ") : void 0,
+      "aria-required": e["aria-required"] ?? (o.required !== !1 && r.required ? !0 : void 0),
+      "aria-invalid": r.error ? !0 : e["aria-invalid"],
+      "aria-errormessage": r.error ? e["aria-errormessage"] ?? r.errorId : e["aria-errormessage"]
+    };
+  });
+  return g(() => {
+    var e;
+    d.value.id && ((e = r.registerControl) == null || e.call(r, s, String(d.value.id), o.labelable !== !1));
+  }), y(() => {
+    var e;
+    return (e = r.unregisterControl) == null ? void 0 : e.call(r, s);
+  }), d;
+};
+export {
+  B as useFormItem,
+  h as useFormItemControl
+};

package/dist/es/_hooks/use-index.js

@@ -0,0 +1,32 @@
+import { ref as c, computed as d, watch as f, onMounted as i, onUpdated as m } from "vue";
+import { isUndefined as I } from "../_utils/is.js";
+const w = ({
+  itemRef: l,
+  selector: s,
+  index: a,
+  parentClassName: n
+}) => {
+  const t = c(-1), p = d(() => (a == null ? void 0 : a.value) ?? t.value), u = c(), o = () => {
+    var v;
+    let e = ((v = l.value) == null ? void 0 : v.parentElement) ?? void 0;
+    if (n)
+      for (; e && !e.className.includes(n); )
+        e = e.parentElement ?? void 0;
+    return e;
+  }, r = () => {
+    if (I(a == null ? void 0 : a.value) && u.value && l.value) {
+      const e = Array.from(u.value.querySelectorAll(s)).indexOf(l.value);
+      e !== t.value && (t.value = e);
+    }
+  };
+  return f(l, () => {
+    l.value && !u.value && (u.value = o());
+  }), i(() => {
+    l.value && (u.value = o()), r();
+  }), m(() => r()), {
+    innerIndex: p
+  };
+};
+export {
+  w as useIndex
+};

package/dist/es/_hooks/use-input.js

@@ -0,0 +1,59 @@
+import { ref as n, computed as b, watch as m, nextTick as w } from "vue";
+import { Enter as K } from "../_utils/keycode.js";
+const T = ({
+  defaultValue: p,
+  modelValue: e,
+  emit: s,
+  eventName: g = "input",
+  updateEventName: I = "update:modelValue",
+  eventHandlers: t
+}) => {
+  const a = n(), f = n((p == null ? void 0 : p.value) ?? ""), v = n(!1), i = n(!1), h = n("");
+  let r;
+  const l = b(() => (e == null ? void 0 : e.value) ?? f.value), y = (u, o) => {
+    f.value = u, s(I, u), s(g, u, o);
+  }, x = (u) => {
+    var c, C;
+    const { value: o } = u.target;
+    i.value || (y(o, u), (C = (c = t == null ? void 0 : t.value) == null ? void 0 : c.onInput) == null || C.call(c, u), w(() => {
+      a.value && l.value !== a.value.value && (a.value.value = l.value);
+    }));
+  }, k = (u) => {
+    g === "input" && l.value !== r && (r = l.value, s("change", l.value, u));
+  }, B = (u) => {
+    const { value: o } = u.target;
+    u.type === "compositionend" ? (i.value = !1, h.value = "", y(o, u), w(() => {
+      a.value && l.value !== a.value.value && (a.value.value = l.value);
+    })) : (i.value = !0, h.value = l.value + (u.data ?? ""));
+  }, D = (u) => {
+    var o, c;
+    v.value = !0, r = l.value, s("focus", u), (c = (o = t == null ? void 0 : t.value) == null ? void 0 : o.onFocus) == null || c.call(o, u);
+  }, E = (u) => {
+    var o, c;
+    v.value = !1, s("blur", u), (c = (o = t == null ? void 0 : t.value) == null ? void 0 : o.onBlur) == null || c.call(o, u), k(u);
+  }, F = (u) => {
+    const o = u.key || u.code;
+    !i.value && o === K.key && (s("pressEnter", u), k(u));
+  }, _ = (u) => {
+    a.value && u.target !== a.value && (u.preventDefault(), a.value.focus());
+  };
+  return m(l, (u) => {
+    a.value && u !== a.value.value && (a.value.value = u);
+  }), {
+    inputRef: a,
+    _value: f,
+    _focused: v,
+    isComposition: i,
+    compositionValue: h,
+    computedValue: l,
+    handleInput: x,
+    handleComposition: B,
+    handleFocus: D,
+    handleBlur: E,
+    handleKeyDown: F,
+    handleMousedown: _
+  };
+};
+export {
+  T as useInput
+};

package/dist/es/_hooks/use-merge-state.js

@@ -0,0 +1,16 @@
+import { toRefs as m, watch as s, computed as c } from "vue";
+import { isUndefined as t } from "../_utils/is.js";
+import n from "./use-state.js";
+function p(u, l) {
+  const { value: e } = m(l), [a, o] = n(
+    t(e.value) ? u : e.value
+  );
+  return s(e, (r) => {
+    t(r) && o(void 0);
+  }), [c(
+    () => t(e.value) ? a.value : e.value
+  ), o, a];
+}
+export {
+  p as default
+};

package/dist/es/_hooks/use-overflow.js

@@ -0,0 +1,46 @@
+import { watch as u } from "vue";
+import { setStyle as i, getStyle as h, getScrollBarWidth as c, isScroll as a } from "../_utils/dom.js";
+const y = (o, s) => {
+  let t = !1;
+  const e = {
+    overflow: "",
+    width: ""
+  }, w = (l) => l.tagName === "BODY", r = () => {
+    if (o.value) {
+      const l = o.value;
+      if (!t && l.style.overflow !== "hidden") {
+        const v = c(l);
+        if (v > 0 || a(l)) {
+          e.overflow = l.style.overflow, e.width = l.style.width;
+          let d = 0;
+          w(l) && (d = l.getBoundingClientRect().left || 0), i(l, {
+            width: `calc(100% - ${Math.ceil(v - d)}px)`,
+            overflow: "hidden"
+          }), t = !0;
+        }
+      }
+    }
+  }, f = () => {
+    if (o.value && t) {
+      const l = o.value;
+      i(l, {
+        overflow: e.overflow,
+        width: e.width
+      }), t = !1;
+    }
+  };
+  return u(
+    () => s == null ? void 0 : s.value,
+    (l) => {
+      o.value && !w(o.value) && (l && i(l, {
+        position: "absolute"
+      }), h(o.value, "position") === "static" && i(o.value, { position: "relative" }));
+    }
+  ), {
+    setOverflowHidden: r,
+    resetOverflow: f
+  };
+};
+export {
+  y as useOverflow
+};