ep-craft 0.1.30 → 0.1.32

package/dist/components/scrollbar/src/bar.vue.js

@@ -0,0 +1,43 @@
+import { defineComponent as W, inject as x, ref as a, openBlock as _, createElementBlock as w, Fragment as S, createVNode as g } from "vue";
+import { barProps as $ } from "./bar.js";
+import { GAP as s } from "./util.js";
+import z from "./thumb.vue.js";
+import { scrollbarContextKey as b } from "./constants.js";
+const Y = /* @__PURE__ */ W({
+  __name: "bar",
+  props: $,
+  setup(y, { expose: H }) {
+    const u = y, n = x(b), h = a(0), v = a(0), p = a(""), d = a(""), r = a(1), c = a(1);
+    return H({
+      handleScroll: (e) => {
+        if (e) {
+          const t = e.offsetHeight - s, o = e.offsetWidth - s;
+          v.value = e.scrollTop * 100 / t * r.value, h.value = e.scrollLeft * 100 / o * c.value;
+        }
+      },
+      update: () => {
+        const e = n == null ? void 0 : n.wrapElement;
+        if (!e) return;
+        const t = e.offsetHeight - s, o = e.offsetWidth - s, f = t ** 2 / e.scrollHeight, m = o ** 2 / e.scrollWidth, i = Math.max(f, u.minSize), l = Math.max(m, u.minSize);
+        r.value = f / (t - f) / (i / (t - i)), c.value = m / (o - m) / (l / (o - l)), d.value = i + s < t ? `${i}px` : "", p.value = l + s < o ? `${l}px` : "";
+      }
+    }), (e, t) => (_(), w(S, null, [
+      g(z, {
+        move: h.value,
+        ratio: c.value,
+        size: p.value,
+        always: e.always
+      }, null, 8, ["move", "ratio", "size", "always"]),
+      g(z, {
+        move: v.value,
+        ratio: r.value,
+        size: d.value,
+        vertical: "",
+        always: e.always
+      }, null, 8, ["move", "ratio", "size", "always"])
+    ], 64));
+  }
+});
+export {
+  Y as default
+};

package/dist/components/scrollbar/src/bar2.vue.js

@@ -0,0 +1,4 @@
+import f from "./bar.vue.js";
+export {
+  f as default
+};

package/dist/components/scrollbar/src/constants.d.ts

@@ -0,0 +1,6 @@
+import type { InjectionKey } from 'vue';
+export interface ScrollbarContext {
+    scrollbarElement: HTMLDivElement | undefined;
+    wrapElement: HTMLDivElement | undefined;
+}
+export declare const scrollbarContextKey: InjectionKey<ScrollbarContext>;

package/dist/components/scrollbar/src/constants.js

@@ -0,0 +1,4 @@
+const o = Symbol("scrollbarContextKey");
+export {
+  o as scrollbarContextKey
+};

package/dist/components/scrollbar/src/scrollbar.d.ts

@@ -1,10 +1,115 @@
-import type { Ref } from 'vue';
+import type { ExtractPublicPropTypes, Ref, StyleValue } from 'vue';
+export interface ScrollbarProps {
+    /**
+     * @description trigger distance(px)
+     * @default 0
+     */
+    distance?: number;
+    /**
+     * @description height of scrollbar
+     * @default ''
+     */
+    height?: number | string;
+    /**
+     * @description max height of scrollbar
+     * @default ''
+     */
+    maxHeight?: number | string;
+    /**
+     * @description whether to use the native scrollbar
+     */
+    native?: boolean;
+    /**
+     * @description style of wrap
+     * @default ''
+     */
+    wrapStyle?: StyleValue;
+    /**
+     * @description class of wrap
+     * @default ''
+     */
+    wrapClass?: string | string[];
+    /**
+     * @description class of view
+     * @default ''
+     */
+    viewClass?: string | string[];
+    /**
+     * @description style of view
+     * @default ''
+     */
+    viewStyle?: StyleValue;
+    /**
+     * @description do not respond to container size changes, if the container size does not change, it is better to set it to optimize performance
+     */
+    noresize?: boolean;
+    /**
+     * @description element tag of the view
+     * @default 'div'
+     */
+    tag?: keyof HTMLElementTagNameMap | (string & {});
+    /**
+     * @description always show
+     */
+    always?: boolean;
+    /**
+     * @description minimum size of scrollbar
+     * @default 20
+     */
+    minSize?: number;
+    /**
+     * @description Wrap tabindex
+     * @default undefined
+     */
+    tabindex?: number | string;
+    /**
+     * @description id of view
+     */
+    id?: string;
+    /**
+     * @description role of view
+     */
+    role?: string;
+    /**
+     * @description native `aria-label` attribute
+     */
+    ariaLabel?: string;
+    /**
+     * @description native `aria-orientation` attribute
+     */
+    ariaOrientation?: 'horizontal' | 'vertical' | 'undefined';
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `ScrollbarProps` instead.
+ */
+export declare const scrollbarProps: {
+    readonly ariaLabel: StringConstructor;
+    readonly ariaOrientation: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly distance: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    readonly height: import("@element-plus/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    readonly maxHeight: import("@element-plus/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    readonly native: BooleanConstructor;
+    readonly wrapStyle: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue) | (((new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue)) | null)[], unknown, unknown, "", boolean>;
+    readonly wrapClass: import("@element-plus/utils").EpPropFinalized<readonly [StringConstructor, ArrayConstructor], unknown, unknown, "", boolean>;
+    readonly viewClass: import("@element-plus/utils").EpPropFinalized<readonly [StringConstructor, ArrayConstructor], unknown, unknown, "", boolean>;
+    readonly viewStyle: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue) | (((new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue)) | null)[], unknown, unknown, "", boolean>;
+    readonly noresize: BooleanConstructor;
+    readonly tag: import("@element-plus/utils").EpPropFinalized<StringConstructor, unknown, unknown, "div", boolean>;
+    readonly always: BooleanConstructor;
+    readonly minSize: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 20, boolean>;
+    readonly tabindex: import("@element-plus/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, undefined, boolean>;
+    readonly id: StringConstructor;
+    readonly role: StringConstructor;
+};
 /**
- * scrollbar 源码化子集 —— 仅为 select 提供 `scrollbarEmits` 与实例类型。
- *
- * scrollbar 组件本体仍走薄包装(见 index.ts),此处不 vendor 完整组件;
- * 仅补齐 select.vue / select.ts 依赖的命名导出与实例类型。
+ * @deprecated Removed after 3.0.0, Use `ScrollbarProps` instead.
  */
+export type ScrollbarPropsPublic = ExtractPublicPropTypes<typeof scrollbarProps>;
 export declare const scrollbarEmits: {
     readonly 'end-reached': (direction: ScrollbarDirection) => boolean;
     readonly scroll: ({ scrollTop, scrollLeft, }: {
@@ -14,7 +119,7 @@ export declare const scrollbarEmits: {
 };
 export type ScrollbarEmits = typeof scrollbarEmits;
 export type ScrollbarDirection = 'top' | 'bottom' | 'left' | 'right';
-/** el-scrollbar 暴露的实例 API(EpScrollbar 薄包装透传自 element-plus) */
+/** el-scrollbar 暴露的实例 API(由本地自持的 scrollbar.vue 提供) */
 export interface ScrollbarInstance {
     wrapRef: Ref<HTMLDivElement | undefined>;
     update: () => void;

package/dist/components/scrollbar/src/scrollbar.js

@@ -1,16 +1,117 @@
-import { isNumber as t } from "../../../utils/types.js";
+import { isNumber as i } from "../../../utils/types.js";
 import "lodash-unified";
 import "@vueuse/core";
 import "@vue/shared";
 import "@element-plus/icons-vue";
+import { buildProps as o, definePropType as r } from "../../../utils/vue/props/runtime.js";
 import "vue";
-const c = {
-  "end-reached": (r) => ["left", "right", "top", "bottom"].includes(r),
+import "../../../hooks/use-size/index.js";
+import "@popperjs/core";
+import "../../../hooks/use-z-index/index.js";
+import "../../../hooks/use-delayed-toggle/index.js";
+import { useAriaProps as a } from "../../../hooks/use-aria/index.js";
+import "../../../hooks/use-model-toggle/index.js";
+import "../../../hooks/use-empty-values/index.js";
+const N = o({
+  /**
+   * @description trigger distance(px)
+   */
+  distance: {
+    type: Number,
+    default: 0
+  },
+  /**
+   * @description height of scrollbar
+   */
+  height: {
+    type: [String, Number],
+    default: ""
+  },
+  /**
+   * @description max height of scrollbar
+   */
+  maxHeight: {
+    type: [String, Number],
+    default: ""
+  },
+  /**
+   * @description whether to use the native scrollbar
+   */
+  native: Boolean,
+  /**
+   * @description style of wrap
+   */
+  wrapStyle: {
+    type: r([String, Object, Array, Boolean]),
+    default: ""
+  },
+  /**
+   * @description class of wrap
+   */
+  wrapClass: {
+    type: [String, Array],
+    default: ""
+  },
+  /**
+   * @description class of view
+   */
+  viewClass: {
+    type: [String, Array],
+    default: ""
+  },
+  /**
+   * @description style of view
+   */
+  viewStyle: {
+    type: r([String, Object, Array, Boolean]),
+    default: ""
+  },
+  /**
+   * @description do not respond to container size changes, if the container size does not change, it is better to set it to optimize performance
+   */
+  noresize: Boolean,
+  /**
+   * @description element tag of the view
+   */
+  tag: {
+    type: String,
+    default: "div"
+  },
+  /**
+   * @description always show
+   */
+  always: Boolean,
+  /**
+   * @description minimum size of scrollbar
+   */
+  minSize: {
+    type: Number,
+    default: 20
+  },
+  /**
+   * @description Wrap tabindex
+   */
+  tabindex: {
+    type: [String, Number],
+    default: void 0
+  },
+  /**
+   * @description id of view
+   */
+  id: String,
+  /**
+   * @description role of view
+   */
+  role: String,
+  ...a(["ariaLabel", "ariaOrientation"])
+}), h = {
+  "end-reached": (t) => ["left", "right", "top", "bottom"].includes(t),
   scroll: ({
-    scrollTop: r,
-    scrollLeft: o
-  }) => [r, o].every(t)
+    scrollTop: t,
+    scrollLeft: e
+  }) => [t, e].every(i)
 };
 export {
-  c as scrollbarEmits
+  h as scrollbarEmits,
+  N as scrollbarProps
 };

package/dist/components/scrollbar/src/scrollbar.vue.d.ts

@@ -0,0 +1,101 @@
+import type { ScrollbarDirection } from './scrollbar';
+import type { CSSProperties, StyleValue } from 'vue';
+declare function scrollTo(xCord: number, yCord?: number): void;
+declare function scrollTo(options: ScrollToOptions): void;
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly ariaLabel: StringConstructor;
+    readonly ariaOrientation: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly distance: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    readonly height: import("@element-plus/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    readonly maxHeight: import("@element-plus/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    readonly native: BooleanConstructor;
+    readonly wrapStyle: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => string | false | CSSProperties | StyleValue[]) | (() => StyleValue) | (((new (...args: any[]) => string | false | CSSProperties | StyleValue[]) | (() => StyleValue)) | null)[], unknown, unknown, "", boolean>;
+    readonly wrapClass: import("@element-plus/utils").EpPropFinalized<readonly [StringConstructor, ArrayConstructor], unknown, unknown, "", boolean>;
+    readonly viewClass: import("@element-plus/utils").EpPropFinalized<readonly [StringConstructor, ArrayConstructor], unknown, unknown, "", boolean>;
+    readonly viewStyle: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => string | false | CSSProperties | StyleValue[]) | (() => StyleValue) | (((new (...args: any[]) => string | false | CSSProperties | StyleValue[]) | (() => StyleValue)) | null)[], unknown, unknown, "", boolean>;
+    readonly noresize: BooleanConstructor;
+    readonly tag: import("@element-plus/utils").EpPropFinalized<StringConstructor, unknown, unknown, "div", boolean>;
+    readonly always: BooleanConstructor;
+    readonly minSize: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 20, boolean>;
+    readonly tabindex: import("@element-plus/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, undefined, boolean>;
+    readonly id: StringConstructor;
+    readonly role: StringConstructor;
+}>, {
+    /** @description scrollbar wrap ref */
+    wrapRef: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+    /** @description update scrollbar state manually */
+    update: () => void;
+    /** @description scrolls to a particular set of coordinates */
+    scrollTo: typeof scrollTo;
+    /** @description set distance to scroll top */
+    setScrollTop: (value: number) => void;
+    /** @description set distance to scroll left */
+    setScrollLeft: (value: number) => void;
+    /** @description handle scroll event */
+    handleScroll: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    scroll: (args_0: {
+        scrollTop: number;
+        scrollLeft: number;
+    }) => void;
+    "end-reached": (direction: ScrollbarDirection) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly ariaLabel: StringConstructor;
+    readonly ariaOrientation: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly distance: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    readonly height: import("@element-plus/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    readonly maxHeight: import("@element-plus/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    readonly native: BooleanConstructor;
+    readonly wrapStyle: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => string | false | CSSProperties | StyleValue[]) | (() => StyleValue) | (((new (...args: any[]) => string | false | CSSProperties | StyleValue[]) | (() => StyleValue)) | null)[], unknown, unknown, "", boolean>;
+    readonly wrapClass: import("@element-plus/utils").EpPropFinalized<readonly [StringConstructor, ArrayConstructor], unknown, unknown, "", boolean>;
+    readonly viewClass: import("@element-plus/utils").EpPropFinalized<readonly [StringConstructor, ArrayConstructor], unknown, unknown, "", boolean>;
+    readonly viewStyle: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => string | false | CSSProperties | StyleValue[]) | (() => StyleValue) | (((new (...args: any[]) => string | false | CSSProperties | StyleValue[]) | (() => StyleValue)) | null)[], unknown, unknown, "", boolean>;
+    readonly noresize: BooleanConstructor;
+    readonly tag: import("@element-plus/utils").EpPropFinalized<StringConstructor, unknown, unknown, "div", boolean>;
+    readonly always: BooleanConstructor;
+    readonly minSize: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 20, boolean>;
+    readonly tabindex: import("@element-plus/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, undefined, boolean>;
+    readonly id: StringConstructor;
+    readonly role: StringConstructor;
+}>> & Readonly<{
+    onScroll?: ((args_0: {
+        scrollTop: number;
+        scrollLeft: number;
+    }) => any) | undefined;
+    "onEnd-reached"?: ((direction: ScrollbarDirection) => any) | undefined;
+}>, {
+    readonly always: boolean;
+    readonly height: import("@element-plus/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    readonly maxHeight: import("@element-plus/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    readonly tabindex: import("@element-plus/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    readonly tag: string;
+    readonly minSize: number;
+    readonly distance: number;
+    readonly wrapStyle: StyleValue;
+    readonly wrapClass: import("@element-plus/utils").EpPropMergeType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
+    readonly viewClass: import("@element-plus/utils").EpPropMergeType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
+    readonly viewStyle: StyleValue;
+    readonly native: boolean;
+    readonly noresize: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/scrollbar/src/scrollbar.vue.js

@@ -0,0 +1,178 @@
+import { defineComponent as G, ref as h, computed as S, watch as z, nextTick as L, provide as q, reactive as F, onActivated as J, onMounted as Q, onUpdated as X, openBlock as w, createElementBlock as Y, normalizeClass as y, unref as Z, createElementVNode as ee, normalizeStyle as N, createBlock as R, resolveDynamicComponent as te, withCtx as oe, renderSlot as re, createCommentVNode as le } from "vue";
+import { useResizeObserver as H, useEventListener as ie } from "@vueuse/core";
+import { isNumber as b } from "../../../utils/types.js";
+import "lodash-unified";
+import { debugWarn as _ } from "../../../utils/error.js";
+import { isObject as ae } from "@vue/shared";
+import { isGreaterThan as A } from "../../../utils/numbers.js";
+import { addUnit as D } from "../../../utils/dom/style.js";
+import "@element-plus/icons-vue";
+import { useNamespace as se } from "../../../hooks/use-namespace/index.js";
+import "../../../hooks/use-size/index.js";
+import "@popperjs/core";
+import "../../../hooks/use-z-index/index.js";
+import "../../../hooks/use-delayed-toggle/index.js";
+import "../../../hooks/use-aria/index.js";
+import "../../../hooks/use-model-toggle/index.js";
+import "../../../hooks/use-empty-values/index.js";
+import ne from "./bar.vue.js";
+import { scrollbarContextKey as ce } from "./constants.js";
+import { scrollbarEmits as fe, scrollbarProps as me } from "./scrollbar.js";
+const pe = ["tabindex"], g = "ElScrollbar", De = /* @__PURE__ */ G({
+  name: g,
+  __name: "scrollbar",
+  props: me,
+  emits: fe,
+  setup(O, { expose: B, emit: I }) {
+    const r = O, T = I, f = se("scrollbar");
+    let m, p, u, s = 0, i = 0, l = "";
+    const c = {
+      bottom: !1,
+      top: !1,
+      right: !1,
+      left: !1
+    }, k = h(), t = h(), C = h(), d = h(), K = S(() => {
+      const e = {}, o = D(r.height), a = D(r.maxHeight);
+      return o && (e.height = o), a && (e.maxHeight = a), [r.wrapStyle, e];
+    }), M = S(() => [
+      r.wrapClass,
+      f.e("wrap"),
+      { [f.em("wrap", "hidden-default")]: !r.native }
+    ]), P = S(() => [f.e("view"), r.viewClass]), x = (e) => c[e] ?? !1, U = {
+      top: "bottom",
+      bottom: "top",
+      left: "right",
+      right: "left"
+    }, V = (e) => {
+      const o = U[l];
+      if (!o) return;
+      const a = e[l], v = e[o];
+      a && !c[l] && (c[l] = !0), !v && c[o] && (c[o] = !1);
+    }, E = () => {
+      var e;
+      if (t.value) {
+        (e = d.value) == null || e.handleScroll(t.value);
+        const o = s, a = i;
+        s = t.value.scrollTop, i = t.value.scrollLeft;
+        const v = {
+          bottom: !A(
+            t.value.scrollHeight - r.distance,
+            t.value.clientHeight + s
+          ),
+          top: s <= r.distance && o !== 0,
+          right: !A(
+            t.value.scrollWidth - r.distance,
+            t.value.clientWidth + i
+          ) && a !== i,
+          left: i <= r.distance && a !== 0
+        };
+        if (T("scroll", {
+          scrollTop: s,
+          scrollLeft: i
+        }), o !== s && (l = s > o ? "bottom" : "top"), a !== i && (l = i > a ? "right" : "left"), r.distance > 0) {
+          if (x(l))
+            return;
+          V(v);
+        }
+        v[l] && T("end-reached", l);
+      }
+    };
+    function W(e, o) {
+      ae(e) ? t.value.scrollTo(e) : b(e) && b(o) && t.value.scrollTo(e, o);
+    }
+    const $ = (e) => {
+      if (!b(e)) {
+        _(g, "value must be a number");
+        return;
+      }
+      t.value.scrollTop = e;
+    }, j = (e) => {
+      if (!b(e)) {
+        _(g, "value must be a number");
+        return;
+      }
+      t.value.scrollLeft = e;
+    }, n = () => {
+      var e, o;
+      (e = d.value) == null || e.update(), c[l] = !1, t.value && ((o = d.value) == null || o.handleScroll(t.value));
+    };
+    return z(
+      () => r.noresize,
+      (e) => {
+        e ? (m == null || m(), p == null || p(), u == null || u()) : ({ stop: m } = H(C, n), { stop: p } = H(t, n), u = ie("resize", n));
+      },
+      { immediate: !0 }
+    ), z(
+      () => [r.maxHeight, r.height],
+      () => {
+        r.native || L(() => {
+          n();
+        });
+      }
+    ), q(
+      ce,
+      F({
+        scrollbarElement: k,
+        wrapElement: t
+      })
+    ), J(() => {
+      t.value && (t.value.scrollTop = s, t.value.scrollLeft = i);
+    }), Q(() => {
+      r.native || L(() => {
+        n();
+      });
+    }), X(() => n()), B({
+      /** @description scrollbar wrap ref */
+      wrapRef: t,
+      /** @description update scrollbar state manually */
+      update: n,
+      /** @description scrolls to a particular set of coordinates */
+      scrollTo: W,
+      /** @description set distance to scroll top */
+      setScrollTop: $,
+      /** @description set distance to scroll left */
+      setScrollLeft: j,
+      /** @description handle scroll event */
+      handleScroll: E
+    }), (e, o) => (w(), Y("div", {
+      ref_key: "scrollbarRef",
+      ref: k,
+      class: y(Z(f).b())
+    }, [
+      ee("div", {
+        ref_key: "wrapRef",
+        ref: t,
+        class: y(M.value),
+        style: N(K.value),
+        tabindex: e.tabindex,
+        onScroll: E
+      }, [
+        (w(), R(te(e.tag), {
+          id: e.id,
+          ref_key: "resizeRef",
+          ref: C,
+          class: y(P.value),
+          style: N(e.viewStyle),
+          role: e.role,
+          "aria-label": e.ariaLabel,
+          "aria-orientation": e.ariaOrientation
+        }, {
+          default: oe(() => [
+            re(e.$slots, "default")
+          ]),
+          _: 3
+        }, 8, ["id", "class", "style", "role", "aria-label", "aria-orientation"]))
+      ], 46, pe),
+      e.native ? le("", !0) : (w(), R(ne, {
+        key: 0,
+        ref_key: "barRef",
+        ref: d,
+        always: e.always,
+        "min-size": e.minSize
+      }, null, 8, ["always", "min-size"]))
+    ], 2));
+  }
+});
+export {
+  De as default
+};

package/dist/components/scrollbar/src/scrollbar2.vue.js

@@ -0,0 +1,4 @@
+import f from "./scrollbar.vue.js";
+export {
+  f as default
+};

package/dist/components/scrollbar/src/thumb.d.ts

@@ -0,0 +1,29 @@
+import type { ExtractPublicPropTypes } from 'vue';
+import type Thumb from './thumb.vue';
+export interface ThumbProps {
+    vertical?: boolean;
+    size?: string;
+    move?: number;
+    ratio: number;
+    always?: boolean;
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `ThumbProps` instead.
+ */
+export declare const thumbProps: {
+    readonly vertical: BooleanConstructor;
+    readonly size: StringConstructor;
+    readonly move: NumberConstructor;
+    readonly ratio: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly always: BooleanConstructor;
+};
+/**
+ * @deprecated Removed after 3.0.0, Use `ThumbProps` instead.
+ */
+export type ThumbPropsPublic = ExtractPublicPropTypes<typeof thumbProps>;
+export type ThumbInstance = InstanceType<typeof Thumb> & unknown;

package/dist/components/scrollbar/src/thumb.js

@@ -0,0 +1,19 @@
+import "@vue/shared";
+import "lodash-unified";
+import "@vueuse/core";
+import "@element-plus/icons-vue";
+import { buildProps as r } from "../../../utils/vue/props/runtime.js";
+import "vue";
+const a = r({
+  vertical: Boolean,
+  size: String,
+  move: Number,
+  ratio: {
+    type: Number,
+    required: !0
+  },
+  always: Boolean
+});
+export {
+  a as thumbProps
+};