@aplus-frontend/ui 0.4.18 → 0.4.19

package/es/src/config-provider/config-provider.mjs

@@ -1,46 +1,47 @@
-import { isVNode as v, ref as V, defineComponent as M, computed as n, unref as r, watch as d, createVNode as P, renderSlot as b } from "vue";
-import { ConfigProvider as U } from "@aplus-frontend/antdv";
-import { useGlobalConfig as f, provideGlobalConfig as A } from "./hooks/use-global-config.mjs";
-import { configProviderProps as S } from "./config-provider-props.mjs";
-import { mergeAntdProvideConfig as T } from "../utils/config-provider-preset.mjs";
-import { generateCssVar as w, aplusCssVar as y, adminCssVar as D, setCSSVariables as E } from "./css-var.mjs";
-import { DEFAULT_NAMESPACE as N, DEFAULT_UIMODE as F } from "./constants.mjs";
+import { isVNode as v, ref as V, defineComponent as M, computed as n, unref as r, watch as u, createVNode as P, renderSlot as b } from "vue";
+import { ConfigProvider as D } from "@aplus-frontend/antdv";
+import { useGlobalConfig as c, provideGlobalConfig as N } from "./hooks/use-global-config.mjs";
+import { configProviderProps as U } from "./config-provider-props.mjs";
+import { mergeAntdProvideConfig as A } from "../utils/config-provider-preset.mjs";
+import { generateCssVar as S, aplusCssVar as T, adminCssVar as w, setCSSVariables as y } from "./css-var.mjs";
+import { DEFAULT_NAMESPACE as E, DEFAULT_UIMODE as F } from "./constants.mjs";
 function L(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !v(e);
 }
-const c = V({}), $ = /* @__PURE__ */ M({
+const d = V({}), I = /* @__PURE__ */ M({
   name: "AplusConfigProvider",
-  props: S(),
+  props: U(),
   setup(e, {
-    slots: l
+    slots: f
   }) {
-    const i = f("namespace"), a = f("uiMode"), s = n(() => e.namespace ? e.namespace : r(i) ? r(i) : N), u = n(() => e.uiMode ? e.uiMode : r(a) ? r(a) : F), m = n(() => ({
+    const a = c("namespace"), i = c("uiMode"), s = n(() => e.namespace ? e.namespace : r(a) ? r(a) : E), l = n(() => e.uiMode ? e.uiMode : r(i) ? r(i) : F), m = n(() => ({
       namespace: r(s),
       aplusLocale: e.aplusLocale,
       api: e.api,
-      uiMode: r(u),
+      uiMode: r(l),
       apUpload: e.apUpload,
       apDescriptions: e.apDescriptions,
       valueTypeMap: e.valueTypeMap,
       downloadCenterTriggerConfig: e.downloadCenterTriggerConfig,
-      exportField: e.exportField
-    })), t = A(m);
-    return d(() => e, (o) => {
-      c.value = T(o);
+      exportField: e.exportField,
+      scrollYDomName: e.scrollYDomName
+    })), t = N(m);
+    return u(() => e, (o) => {
+      d.value = A(o);
     }, {
       deep: !0,
       immediate: !0
-    }), typeof window < "u" && d(() => [r(u), e.cssVar], ([o, p]) => {
-      const C = w(p), g = {
-        ...o === "aplus" ? y : D,
+    }), typeof window < "u" && u(() => [r(l), e.cssVar], ([o, p]) => {
+      const C = S(p), g = {
+        ...o === "aplus" ? T : w,
         ...C
       };
-      E(g);
+      y(g);
     }, {
       immediate: !0
     }), () => {
       let o;
-      return P(U, c.value, L(o = b(l, "default", {
+      return P(D, d.value, L(o = b(f, "default", {
         config: t == null ? void 0 : t.value
       })) ? o : {
         default: () => [o]
@@ -49,6 +50,6 @@ const c = V({}), $ = /* @__PURE__ */ M({
   }
 });
 export {
-  $ as ConfigProvider,
-  c as globalConfigCached
+  I as ConfigProvider,
+  d as globalConfigCached
 };

package/es/src/config-provider/hooks/use-global-config.d.ts

@@ -165,4 +165,7 @@ export declare const provideGlobalConfig: (config: MaybeRef<ConfigProviderContex
         type: PropType<ExportField>;
         default: boolean;
     };
+    scrollYDomName: {
+        type: StringConstructor;
+    };
 }>>>> | undefined;

package/es/src/config-provider/index.d.ts

@@ -273,6 +273,9 @@ export declare const APConfigProvider: {
             type: PropType<ExportField>;
             default: boolean;
         };
+        scrollYDomName: {
+            type: StringConstructor;
+        };
     }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
         input: {
             autocomplete?: string;
@@ -679,6 +682,9 @@ export declare const APConfigProvider: {
             type: PropType<ExportField>;
             default: boolean;
         };
+        scrollYDomName: {
+            type: StringConstructor;
+        };
     }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
         input: {
             autocomplete?: string;
@@ -977,6 +983,9 @@ export declare const APConfigProvider: {
         type: PropType<ExportField>;
         default: boolean;
     };
+    scrollYDomName: {
+        type: StringConstructor;
+    };
 }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
     input: {
         autocomplete?: string;

package/es/src/editable-table/form-item.vue.d.ts

@@ -1,9 +1,9 @@
 import { EditableColumnType, EditableTableFormItemProps } from './interface';
 import { StandardBehaviorOptions } from '../../node_modules/scroll-into-view-if-needed';
-import { VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, VNode } from 'vue';
+import { VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, VNode, RendererNode, RendererElement } from 'vue';
 import { UnwrapRefSimple } from '@vue/reactivity';
 declare const _default: <RecordType = any>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, never> & EditableTableFormItemProps<RecordType> & Partial<{}>> & PublicProps;
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, never> & EditableTableFormItemProps<RecordType>> & PublicProps;
     expose(exposed: ShallowUnwrapRef<{
         add: (defaultValue?: any, insertIndex?: number) => void;
         remove: (index: number | number[]) => void;
@@ -48,7 +48,9 @@ declare const _default: <RecordType = any>(__VLS_props: NonNullable<Awaited<type
         }) => void;
     };
     emit: {};
-}>) => VNode & {
+}>) => VNode<RendererNode, RendererElement, {
+    [key: string]: any;
+}> & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
 export default _default;

package/es/src/editable-table/index.vue.d.ts

@@ -2,11 +2,11 @@ import { EditableTableProps, EditableColumnType } from './interface';
 import { NamePath, ValidateOptions } from '@aplus-frontend/antdv/es/form/interface';
 import { Recordable } from '../type';
 import { StandardBehaviorOptions } from '../../node_modules/scroll-into-view-if-needed';
-import { VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, VNode } from 'vue';
+import { VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, VNode, RendererNode, RendererElement } from 'vue';
 declare const _default: <RecordType extends Recordable = any>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-    } & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, "onUpdate:value"> & EditableTableProps<RecordType> & Partial<{}>> & PublicProps;
+    } & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, "onUpdate:value"> & EditableTableProps<RecordType>> & PublicProps;
     expose(exposed: ShallowUnwrapRef<{
         resetFields: () => void;
         validateFields: (nameList?: NamePath[] | string, options?: ValidateOptions) => Promise<any>;
@@ -53,7 +53,9 @@ declare const _default: <RecordType extends Recordable = any>(__VLS_props: NonNu
         }) => void;
     };
     emit: (event: "update:value", ...args: any[]) => void;
-}>) => VNode & {
+}>) => VNode<RendererNode, RendererElement, {
+    [key: string]: any;
+}> & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
 export default _default;

package/es/src/full-screen/index.vue.d.ts

@@ -4,7 +4,6 @@ declare function enter(mode: FullScreenMode, force?: boolean): Promise<void>;
 declare function exit(force?: boolean): Promise<void>;
 declare function toggle(mode: FullScreenMode, force?: boolean): Promise<void>;
 declare function __VLS_template(): {
-    attrs: Partial<{}>;
     slots: {
         default?(_: {
             full: boolean;
@@ -19,7 +18,7 @@ declare function __VLS_template(): {
         target: unknown;
         portalRootRef: HTMLDivElement;
     };
-    rootEl: any;
+    attrs: Partial<{}>;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: DefineComponent<FullScreenProps, {
@@ -30,10 +29,7 @@ declare const __VLS_component: DefineComponent<FullScreenProps, {
     enter: typeof enter;
     exit: typeof exit;
     toggle: typeof toggle;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<FullScreenProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
-    target: unknown;
-    portalRootRef: HTMLDivElement;
-}, any>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<FullScreenProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/es/src/portal/index.vue.d.ts

@@ -1,11 +1,10 @@
 import { DefineComponent, TeleportProps, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare function __VLS_template(): {
-    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {};
-    rootEl: any;
+    attrs: Partial<{}>;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: DefineComponent<Partial< TeleportProps>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Partial< TeleportProps>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

package/es/src/resize-observer/index.vue.d.ts

@@ -3,12 +3,11 @@ import { DefineComponent, ComputedRef, ComponentOptionsMixin, PublicProps, Compo
 declare function observe(): void;
 declare function unobserve(): void;
 declare function __VLS_template(): {
-    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {};
-    rootEl: any;
+    attrs: Partial<{}>;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: DefineComponent<ResizeObserverProps, {

package/es/src/scroll-bar/index.vue.d.ts

@@ -1,8 +1,8 @@
-import { ScrollBarProps, ScrollBarDirection, InternalScrollBarProps } from './interface';
-import { DefineComponent, ComputedRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, CreateComponentPublicInstanceWithMixins, Ref, GlobalComponents, GlobalDirectives } from 'vue';
+import { ScrollBarProps, ScrollBarDirection } from './interface';
+import { DefineComponent, ComputedRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare const _default: DefineComponent<ScrollBarProps, {
     currentScroll: ComputedRef<number | undefined>;
-    scroll: ((percent: number) => void) | undefined;
+    scroll: (percent: number) => void | undefined;
     visible: ComputedRef<boolean>;
     rootElement: ComputedRef<HTMLElement | undefined>;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ScrollBarProps> & Readonly<{}>, {
@@ -12,44 +12,5 @@ declare const _default: DefineComponent<ScrollBarProps, {
     trackSpeed: number;
     barLength: number;
     showTrack: boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {
-    barRef: CreateComponentPublicInstanceWithMixins<Readonly< InternalScrollBarProps> & Readonly<{}>, {
-        currentScroll: Ref<number, number>;
-        container: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-        bar: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-        track: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-        scroll: (percent: number) => void;
-    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
-        scroll: number;
-        disabled: boolean;
-        direction: ScrollBarDirection;
-        trackSpeed: number;
-        barLength: number;
-        showTrack: boolean;
-    }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {
-        container: HTMLDivElement;
-        track: HTMLDivElement;
-        bar: HTMLDivElement;
-    }, HTMLDivElement, ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly< InternalScrollBarProps> & Readonly<{}>, {
-        currentScroll: Ref<number, number>;
-        container: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-        bar: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-        track: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-        scroll: (percent: number) => void;
-    }, {}, {}, {}, {
-        scroll: number;
-        disabled: boolean;
-        direction: ScrollBarDirection;
-        trackSpeed: number;
-        barLength: number;
-        showTrack: boolean;
-    }> | null;
-}, any>;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 export default _default;

package/es/src/scroll-bar/index.vue.mjs

@@ -1,10 +1,10 @@
-import { defineComponent as g, toRef as x, ref as p, watchEffect as _, unref as a, watch as k, computed as s, openBlock as C, createBlock as B, mergeProps as L, createCommentVNode as R } from "vue";
+import { defineComponent as z, toRef as g, ref as d, watchEffect as x, unref as c, watch as _, computed as s, openBlock as k, createBlock as C, mergeProps as B, createCommentVNode as L } from "vue";
 import "./internal.vue2.mjs";
-import { omit as w } from "lodash-unified";
-import { getScrollable as u, ensureRangeValue as y } from "./utils/index.mjs";
-import { useResizeObserver as E } from "@vueuse/core";
-import N from "./internal.vue.mjs";
-const j = /* @__PURE__ */ g({
+import { omit as R } from "lodash-unified";
+import { getScrollable as u, ensureRangeValue as w } from "./utils/index.mjs";
+import { useResizeObserver as y } from "@vueuse/core";
+import E from "./internal.vue.mjs";
+const W = /* @__PURE__ */ z({
   name: "ScrollBar",
   __name: "index",
   props: {
@@ -24,72 +24,74 @@ const j = /* @__PURE__ */ g({
     onScroll: {},
     onScrollEnd: {}
   },
-  setup(S, { expose: m }) {
-    var d;
-    const r = S, o = x(r, "scrollContainer"), l = p(), n = p(r.barLength);
-    function v() {
-      if (!o.value || !l.value) return;
-      const { totalSize: e, visibleSize: t, distance: c } = u(
-        o.value,
-        r.direction
-      ), i = c / (e + r.extraSize - t || 1) * 100;
-      l.value.scroll(i);
+  setup(p, { expose: S }) {
+    const t = p, l = g(t, "scrollContainer"), n = d(), a = d(t.barLength);
+    function m() {
+      if (!l.value || !n.value) return;
+      const { totalSize: e, visibleSize: r, distance: o } = u(
+        l.value,
+        t.direction
+      ), i = o / (e + t.extraSize - r || 1) * 100;
+      n.value.scroll(i);
     }
     function f() {
-      const { visibleSize: e, totalSize: t } = u(
-        o.value,
-        r.direction
+      const { visibleSize: e, totalSize: r } = u(
+        l.value,
+        t.direction
       );
-      n.value = y(
-        e / (t + r.extraSize || 1) * 100
+      a.value = w(
+        e / (r + t.extraSize || 1) * 100
       );
     }
-    E(o, () => {
+    y(l, () => {
       f();
-    }), _(
+    }), x(
       () => {
-        const e = a(o.value);
-        e && (f(), e.addEventListener("scroll", v));
+        const e = c(l.value);
+        e && (f(), e.addEventListener("scroll", m));
       },
       { flush: "post" }
-    ), k(
-      () => r.barLength,
+    ), _(
+      () => t.barLength,
       (e) => {
-        n.value = e;
+        a.value = e;
       }
     );
-    function b(e) {
-      const t = a(o);
-      if (!t) return;
-      const { totalSize: c, visibleSize: i, topOrLeft: h } = u(
-        t,
-        r.direction
+    function v(e) {
+      const r = c(l);
+      if (!r) return;
+      const { totalSize: o, visibleSize: i, topOrLeft: b } = u(
+        r,
+        t.direction
       );
-      if (c <= i) return;
-      const z = `scroll${h}`;
-      t[z] = e * (c + r.extraSize - i) / 100;
+      if (o <= i) return;
+      const h = `scroll${b}`;
+      r[h] = e * (o + t.extraSize - i) / 100;
     }
-    return m({
+    return S({
       currentScroll: s(() => {
         var e;
-        return a((e = l.value) == null ? void 0 : e.currentScroll);
+        return c((e = n.value) == null ? void 0 : e.currentScroll);
       }),
-      scroll: (d = l.value) == null ? void 0 : d.scroll,
-      visible: s(() => n.value < 100),
+      scroll: (e) => {
+        var r, o;
+        return (o = (r = n.value) == null ? void 0 : r.scroll) == null ? void 0 : o.call(r, e);
+      },
+      visible: s(() => a.value < 100),
       rootElement: s(() => {
         var e;
-        return a((e = l.value) == null ? void 0 : e.container);
+        return c((e = n.value) == null ? void 0 : e.container);
       })
-    }), (e, t) => n.value !== 100 ? (C(), B(N, L({
+    }), (e, r) => a.value !== 100 ? (k(), C(E, B({
       key: 0,
       ref_key: "barRef",
-      ref: l
-    }, a(w)(r, ["onScroll", "extraSize", "scrollContainer"]), {
-      "bar-length": n.value,
-      onScroll: b
-    }), null, 16, ["bar-length"])) : R("", !0);
+      ref: n
+    }, c(R)(t, ["onScroll", "extraSize", "scrollContainer"]), {
+      "bar-length": a.value,
+      onScroll: v
+    }), null, 16, ["bar-length"])) : L("", !0);
   }
 });
 export {
-  j as default
+  W as default
 };

package/es/src/scroll-bar/internal.vue.d.ts

@@ -14,9 +14,5 @@ declare const _default: DefineComponent<InternalScrollBarProps, {
     trackSpeed: number;
     barLength: number;
     showTrack: boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {
-    container: HTMLDivElement;
-    track: HTMLDivElement;
-    bar: HTMLDivElement;
-}, HTMLDivElement>;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 export default _default;

package/es/src/scroll-view/index.vue.d.ts

@@ -1,11 +1,10 @@
 import { ScrollOptions, ScrollViewProps } from './interface';
-import { ScrollBarDirection, InternalScrollBarProps } from '../scroll-bar';
+import { ScrollBarDirection, InternalScrollBarProps, ColorType } from '../scroll-bar';
 import { CreateComponentPublicInstanceWithMixins, Ref, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, DefineComponent, ComputedRef } from 'vue';
 declare function scroll(x?: number, y?: number): void;
 declare function scrollTo({ smooth, left, top }: ScrollOptions): void;
 declare function scrollIntoView(element: HTMLElement, position?: 'start' | 'center' | 'end'): void;
 declare function __VLS_template(): {
-    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
@@ -25,11 +24,7 @@ declare function __VLS_template(): {
             trackSpeed: number;
             barLength: number;
             showTrack: boolean;
-        }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {
-            container: HTMLDivElement;
-            track: HTMLDivElement;
-            bar: HTMLDivElement;
-        }, HTMLDivElement, ComponentProvideOptions, {
+        }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
@@ -63,11 +58,7 @@ declare function __VLS_template(): {
             trackSpeed: number;
             barLength: number;
             showTrack: boolean;
-        }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {
-            container: HTMLDivElement;
-            track: HTMLDivElement;
-            bar: HTMLDivElement;
-        }, HTMLDivElement, ComponentProvideOptions, {
+        }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
@@ -89,7 +80,7 @@ declare function __VLS_template(): {
             showTrack: boolean;
         }> | null;
     };
-    rootEl: HTMLDivElement;
+    attrs: Partial<{}>;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: DefineComponent<ScrollViewProps, {
@@ -106,8 +97,8 @@ declare const __VLS_component: DefineComponent<ScrollViewProps, {
         onScroll?: ((percent: number) => void) | undefined;
         disabled?: boolean | undefined;
         trackSpeed?: number | undefined;
-        barColor?: import("csstype").Property.BackgroundColor | undefined;
-        trackColor?: import("csstype").Property.BackgroundColor | undefined;
+        barColor?: ColorType;
+        trackColor?: ColorType;
         trackWidth?: number | undefined;
         showTrack?: boolean | undefined;
         onScrollStart?: ((percent: number) => void) | undefined;
@@ -118,93 +109,14 @@ declare const __VLS_component: DefineComponent<ScrollViewProps, {
         onScroll?: ((percent: number) => void) | undefined;
         disabled?: boolean | undefined;
         trackSpeed?: number | undefined;
-        barColor?: import("csstype").Property.BackgroundColor | undefined;
-        trackColor?: import("csstype").Property.BackgroundColor | undefined;
+        barColor?: ColorType;
+        trackColor?: ColorType;
         trackWidth?: number | undefined;
         showTrack?: boolean | undefined;
         onScrollStart?: ((percent: number) => void) | undefined;
         onScrollEnd?: ((percent: number) => void) | undefined;
     };
-}, {}, {}, {}, string, ComponentProvideOptions, false, {
-    containerRef: HTMLDivElement;
-    contentRef: HTMLDivElement;
-    yBarRef: CreateComponentPublicInstanceWithMixins<Readonly< InternalScrollBarProps> & Readonly<{}>, {
-        currentScroll: Ref<number, number>;
-        container: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-        bar: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-        track: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-        scroll: (percent: number) => void;
-    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
-        scroll: number;
-        disabled: boolean;
-        direction: ScrollBarDirection;
-        trackSpeed: number;
-        barLength: number;
-        showTrack: boolean;
-    }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {
-        container: HTMLDivElement;
-        track: HTMLDivElement;
-        bar: HTMLDivElement;
-    }, HTMLDivElement, ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly< InternalScrollBarProps> & Readonly<{}>, {
-        currentScroll: Ref<number, number>;
-        container: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-        bar: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-        track: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-        scroll: (percent: number) => void;
-    }, {}, {}, {}, {
-        scroll: number;
-        disabled: boolean;
-        direction: ScrollBarDirection;
-        trackSpeed: number;
-        barLength: number;
-        showTrack: boolean;
-    }> | null;
-    xBarRef: CreateComponentPublicInstanceWithMixins<Readonly< InternalScrollBarProps> & Readonly<{}>, {
-        currentScroll: Ref<number, number>;
-        container: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-        bar: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-        track: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-        scroll: (percent: number) => void;
-    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
-        scroll: number;
-        disabled: boolean;
-        direction: ScrollBarDirection;
-        trackSpeed: number;
-        barLength: number;
-        showTrack: boolean;
-    }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {
-        container: HTMLDivElement;
-        track: HTMLDivElement;
-        bar: HTMLDivElement;
-    }, HTMLDivElement, ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly< InternalScrollBarProps> & Readonly<{}>, {
-        currentScroll: Ref<number, number>;
-        container: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-        bar: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-        track: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-        scroll: (percent: number) => void;
-    }, {}, {}, {}, {
-        scroll: number;
-        disabled: boolean;
-        direction: ScrollBarDirection;
-        trackSpeed: number;
-        barLength: number;
-        showTrack: boolean;
-    }> | null;
-}, HTMLDivElement>;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/es/src/tests/wrapper.d.ts

@@ -1,8 +1,8 @@
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 export declare const Wrapper: DefineComponent<{
-    uiMode?: "admin" | "aplus" | undefined;
-    lang?: "en" | "zh-cn" | undefined;
+    uiMode?: ("admin" | "aplus") | undefined;
+    lang?: ("en" | "zh-cn") | undefined;
 }, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
-    uiMode?: "admin" | "aplus" | undefined;
-    lang?: "en" | "zh-cn" | undefined;
+    uiMode?: ("admin" | "aplus") | undefined;
+    lang?: ("en" | "zh-cn") | undefined;
 }> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;

package/es/src/utils/index.d.ts

@@ -1,3 +1,4 @@
+import { Ref } from 'vue';
 import { Recordable } from '../type';
 /**
  * @description:  Set ui mount node
@@ -40,3 +41,10 @@ export declare function runFunction<T extends any[]>(func: any, ...restParams: T
  */
 export declare function getRouteType(): "history" | "hash";
 export declare function getScrollbarSize(): number;
+export type UnwrapRef<T> = T extends Ref<infer U> ? U : T;
+/**
+ * 将传入的泛型中所有类型为 Ref<x> 转换为类型 x
+ */
+export type UnwrapRefProps<T> = {
+    [K in keyof T]: UnwrapRef<T[K]>;
+};