@opendesign-plus/components 0.0.1-rc.46 → 0.0.1-rc.48

package/dist/treeshaking/components/header-user/OHeaderUser.css

@@ -1,12 +1,12 @@
-.hover-icon-rotate .o-icon[data-v-3a35e509] {
+.hover-icon-rotate .o-icon[data-v-67498511] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-3a35e509] {
+.hover-icon-rotate:hover .o-icon[data-v-67498511] {
     transform: rotate(-180deg);
 }
 }
-.header-user[data-v-3a35e509] {
+.header-user[data-v-67498511] {
   display: flex;
   align-items: center;
   height: 100%;
@@ -14,61 +14,78 @@
   opacity: 1;
   transition: opacity 0.15s;
 }
-.user-info[data-v-3a35e509] {
+.avatar-icon[data-v-67498511] {
+  font-size: 24px;
+  color: var(--o-color-info2);
+  cursor: pointer;
+}
+@media (hover: hover) {
+.avatar-icon[data-v-67498511]:hover {
+    color: var(--o-color-primary2);
+}
+}
+.avatar-icon[data-v-67498511]:active {
+  color: var(--o-color-primary3);
+}
+@media (max-width: 1200px) {
+.avatar-icon[data-v-67498511] {
+    font-size: var(--o-icon_size_control-s);
+}
+}
+.user-info[data-v-67498511] {
   height: 100%;
   min-width: 32px;
   display: flex;
   cursor: pointer;
 }
-.info-wrap[data-v-3a35e509] {
+.info-wrap[data-v-67498511] {
   height: calc(100% - 10px);
   margin: 5px 0;
   display: flex;
   align-items: center;
 }
-.info-wrap .icon[data-v-3a35e509] {
+.info-wrap .icon[data-v-67498511] {
   margin-left: 4px;
 }
-.user-avatar[data-v-3a35e509] {
+.user-avatar[data-v-67498511] {
   margin-right: 4px;
 }
-.user-avatar[data-v-3a35e509] .o-badge-content {
+.user-avatar[data-v-67498511] .o-badge-content {
   --badge-dot-size: 6px;
-  right: 7px;
+  right: 6px;
   top: 2px;
 }
-.o-badge[data-v-3a35e509] {
+.o-badge[data-v-67498511] {
   display: flex;
 }
-.o-dropdown[data-v-3a35e509] {
+.o-dropdown[data-v-67498511] {
   height: 100%;
   display: flex;
   align-items: center;
 }
-.o-dropdown-item[data-v-3a35e509] {
+.o-dropdown-item[data-v-67498511] {
   white-space: nowrap;
   background: var(--o-color-control5-light);
   --dropdown-item-color: var(--o-color-info2);
-  border-radius: var(--o-radius_control-xs);
   padding: var(--o-gap-1) var(--o-gap-3);
   height: 32px;
   --dropdown-item-text-size: 14px;
   --dropdown-item-text-height: 22px;
 }
 @media (hover: hover) {
-.o-dropdown-item[data-v-3a35e509]:hover {
+.o-dropdown-item[data-v-67498511]:hover {
     background: var(--o-color-control2-light);
 }
 }
-.o-dropdown-item[data-v-3a35e509]:active {
+.o-dropdown-item[data-v-67498511]:active {
   color: var(--o-color-primary1);
   background: var(--o-color-control3-light);
   font-weight: 600;
 }
-.notice-not[data-v-3a35e509] .o-badge-content {
+.notice-not[data-v-67498511] .o-badge-content {
   display: none;
 }
-.user-account[data-v-3a35e509] {
+.user-account[data-v-67498511] {
   color: var(--o-color-info1);
   max-width: 96px;
   font-weight: 500;
@@ -76,30 +93,30 @@
   line-height: 22px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.user-account[data-v-3a35e509] {
+.user-account[data-v-67498511] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.user-account[data-v-3a35e509] {
+.user-account[data-v-67498511] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.user-account[data-v-3a35e509] {
+.user-account[data-v-67498511] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-.user-account[data-v-3a35e509] {
+.user-account[data-v-67498511] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.user-account[data-v-3a35e509] {
+.user-account[data-v-67498511] {
   overflow: hidden;
   text-overflow: ellipsis;
   word-break: break-all;
@@ -108,83 +125,83 @@
   -webkit-line-clamp: 1;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.user-account[data-v-3a35e509] {
+.user-account[data-v-67498511] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (min-width: 1201px) and (max-width: 1680px) and (min-width: 1201px) and (max-width: 1680px) {
-.user-account[data-v-3a35e509] {
+.user-account[data-v-67498511] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 1201px) and (max-width: 1680px) and (min-width: 841px) and (max-width: 1200px) {
-.user-account[data-v-3a35e509] {
+.user-account[data-v-67498511] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 1201px) and (max-width: 1680px) and (min-width: 601px) and (max-width: 840px) {
-.user-account[data-v-3a35e509] {
+.user-account[data-v-67498511] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 1201px) and (max-width: 1680px) and (max-width: 600px) {
-.user-account[data-v-3a35e509] {
+.user-account[data-v-67498511] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 1200px) {
-.user-account[data-v-3a35e509] {
+.user-account[data-v-67498511] {
     font-size: 18px;
     line-height: 26px;
 }
 }
 @media (max-width: 1200px) and (min-width: 1201px) and (max-width: 1680px) {
-.user-account[data-v-3a35e509] {
+.user-account[data-v-67498511] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (max-width: 1200px) and (min-width: 841px) and (max-width: 1200px) {
-.user-account[data-v-3a35e509] {
+.user-account[data-v-67498511] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 1200px) and (min-width: 601px) and (max-width: 840px) {
-.user-account[data-v-3a35e509] {
+.user-account[data-v-67498511] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 1200px) and (max-width: 600px) {
-.user-account[data-v-3a35e509] {
+.user-account[data-v-67498511] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 840px) {
-.header-user[data-v-3a35e509] {
+.header-user[data-v-67498511] {
     min-width: auto;
 }
-.header-user .user-info[data-v-3a35e509] {
+.header-user .user-info[data-v-67498511] {
     min-width: 24px;
 }
-.header-user .user-info .info-wrap[data-v-3a35e509] {
+.header-user .user-info .info-wrap[data-v-67498511] {
     height: auto;
     margin: 0;
 }
-.header-user .user-info .info-wrap .user-avatar[data-v-3a35e509] {
+.header-user .user-info .info-wrap .user-avatar[data-v-67498511] {
     margin-right: 0;
 }
-.header-user .user-info .info-wrap .user-account[data-v-3a35e509] {
+.header-user .user-info .info-wrap .user-account[data-v-67498511] {
     display: none;
 }
-.header-user .user-info .info-wrap .icon[data-v-3a35e509] {
+.header-user .user-info .info-wrap .icon[data-v-67498511] {
     display: none;
 }
 }

package/dist/treeshaking/components/header-user/OHeaderUser.vue.d.ts

@@ -19,6 +19,7 @@ export interface UserPropsT {
     options?: OptionsItemT[];
     customSize?: number;
     simple?: boolean;
+    itemRadius?: number;
 }
 export interface OHeaderUserEmitsT {
     (e: 'login'): void;
@@ -32,5 +33,7 @@ declare const _default: import('vue').DefineComponent<UserPropsT, {}, {}, {}, {}
     onLogout?: (() => any) | undefined;
 }>, {
     simple: boolean;
+    itemRadius: number;
+    customSize: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/treeshaking/components/header-user/OHeaderUser.vue.mjs

@@ -2,7 +2,7 @@ import _sfc_main from "./OHeaderUser.vue2.mjs";
 import './OHeaderUser.css';
 import './OHeaderUser2.css';
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const _OHeaderUser = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3a35e509"]]);
+const _OHeaderUser = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-67498511"]]);
 export {
   _OHeaderUser as default
 };

package/dist/treeshaking/components/header-user/OHeaderUser.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, createBlock, unref, withCtx, createVNode, createCommentVNode, Transition, createElementVNode, normalizeClass, toDisplayString, Fragment, renderList, createTextVNode } from "vue";
+import { defineComponent, openBlock, createElementBlock, createBlock, unref, withCtx, createVNode, createCommentVNode, Transition, createElementVNode, normalizeClass, toDisplayString, Fragment, renderList, normalizeStyle, createTextVNode } from "vue";
 import { OIcon, ODropdown, OBadge, ODropdownItem } from "@opensig/opendesign";
 import AppAvatar from "../common/AppAvatar.vue.mjs";
 import IconAvatar from "../../_virtual/icon-avatar-line.mjs";
@@ -23,8 +23,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     noticeTotal: {},
     userInfo: {},
     options: {},
-    customSize: {},
-    simple: { type: Boolean, default: false }
+    customSize: { default: 20 },
+    simple: { type: Boolean, default: false },
+    itemRadius: { default: 4 }
   },
   emits: ["login", "logout"],
   setup(__props, { emit: __emit }) {
@@ -65,7 +66,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (item) => {
                     return openBlock(), createBlock(unref(ODropdownItem), {
                       key: item.label,
-                      onClick: ($event) => jumpToPage(item)
+                      onClick: ($event) => jumpToPage(item),
+                      style: normalizeStyle({ "--dropdown-item-radius": `${__props.itemRadius}px` })
                     }, {
                       default: withCtx(() => [
                         (item == null ? void 0 : item.total) ? (openBlock(), createBlock(unref(OBadge), {
@@ -81,7 +83,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         }, 1032, ["value", "class"])) : (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(item.label), 1))
                       ]),
                       _: 2
-                    }, 1032, ["onClick"]);
+                    }, 1032, ["onClick", "style"]);
                   }), 128))
                 ]),
                 default: withCtx(() => {

package/dist/treeshaking/components/header-user/OHeaderUser2.css

@@ -6,24 +6,6 @@
     transform: rotate(-180deg);
 }
 }
-.avatar-icon {
-  font-size: 24px;
-  color: var(--o-color-info2);
-  cursor: pointer;
-}
-@media (hover: hover) {
-.avatar-icon:hover {
-    color: var(--o-color-primary2);
-}
-}
-.avatar-icon:active {
-  color: var(--o-color-primary3);
-}
-@media (max-width: 1200px) {
-.avatar-icon {
-    font-size: var(--o-icon_size_control-s);
-}
-}
 @media (max-width: 840px) {
 .user-dropdown .o-divider {
     display: none;

package/dist/treeshaking/components/header-user/index.d.ts

@@ -8,6 +8,8 @@ declare const OHeaderUser: {
         logout: () => any;
     }, import('vue').PublicProps, {
         simple: boolean;
+        itemRadius: number;
+        customSize: number;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -20,6 +22,8 @@ declare const OHeaderUser: {
         onLogout?: (() => any) | undefined;
     }>, {}, {}, {}, {}, {
         simple: boolean;
+        itemRadius: number;
+        customSize: number;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -32,6 +36,8 @@ declare const OHeaderUser: {
     logout: () => any;
 }, string, {
     simple: boolean;
+    itemRadius: number;
+    customSize: number;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
     install(app: App): void;
 };

package/dist/treeshaking/components/meeting/OMeetingPlayback.css

@@ -13,6 +13,7 @@
   --meeting-card-radius: var(--o-radius-xs);
   --meeting-input-radius: var(--o-radius-xs);
   --meeting-cell-radius: var(--o-radius-xs);
+  --after-linear-bg: linear-gradient(180deg, rgba(var(--o-grey-1), 0), rgba(var(--o-grey-1), 1) 100%);
 }
 @media (max-width: 840px) {
 .o-meeting-playback {
@@ -173,7 +174,7 @@
   bottom: 0;
   left: 0;
   right: 0;
-  background: linear-gradient(180deg, rgba(var(--o-grey-1), 0), rgba(var(--o-grey-1), 1) 100%);
+  background: var(--after-linear-bg);
 }
 @media (max-width: 840px) {
 .o-meeting-playback .left-card .info-wrapper .tab-content::after {
@@ -353,4 +354,7 @@
 .o-meeting-playback .right-card {
     width: 100%;
 }
+}
+[data-o-theme*=dark] .o-meeting-playback {
+  --after-linear-bg: linear-gradient(180deg, rgba(var(--o-grey-4), 0), rgba(var(--o-grey-4), 1) 100%);
 }

package/dist/treeshaking/components/meeting/OMeetingSigCalendar.css

@@ -149,6 +149,9 @@
 .o-sig-meeting-calendar .meeting-card-header .o-tab .o-tab-nav {
   padding-bottom: var(--o-gap-3);
 }
+.o-sig-meeting-calendar .meeting-card-header .o-tab .o-tab-nav .o-icon svg path {
+  fill: currentColor;
+}
 .o-sig-meeting-calendar .el-input__prefix {
   display: none;
 }

package/dist/treeshaking/components/meeting/components/OMeetingPlaybackSubtitles.css

@@ -303,6 +303,7 @@
   min-height: calc(var(--layout-content-min-height) - 104px);
   background-color: var(--o-color-fill2);
   border-radius: var(--meeting-card-radius);
+  --after-linear-bg: linear-gradient(180deg, rgba(var(--o-grey-1), 0), rgba(var(--o-grey-1), 1) 100%);
 }
 .o-meeting-playback-subtitles .search-captions {
   display: flex;
@@ -437,6 +438,34 @@
     padding: 0 var(--o-gap-3);
 }
 }
+.o-meeting-playback-subtitles .o-tab .o-tab-head.show-line::after {
+  left: var(--o-gap-5);
+  right: var(--o-gap-5);
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-meeting-playback-subtitles .o-tab .o-tab-head.show-line::after {
+    left: var(--o-gap-4);
+    right: var(--o-gap-4);
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-meeting-playback-subtitles .o-tab .o-tab-head.show-line::after {
+    left: var(--o-gap-3);
+    right: var(--o-gap-3);
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-meeting-playback-subtitles .o-tab .o-tab-head.show-line::after {
+    left: var(--o-gap-3);
+    right: var(--o-gap-3);
+}
+}
+@media (max-width: 600px) {
+.o-meeting-playback-subtitles .o-tab .o-tab-head.show-line::after {
+    left: var(--o-gap-3);
+    right: var(--o-gap-3);
+}
+}
 .o-meeting-playback-subtitles .o-tab .o-tab-nav-list {
   width: 100%;
 }
@@ -514,7 +543,7 @@
   bottom: 0;
   left: 0;
   right: 0;
-  background: linear-gradient(180deg, rgba(var(--o-grey-1), 0), rgba(var(--o-grey-1), 1) 100%);
+  background: var(--after-linear-bg);
 }
 .o-meeting-playback-subtitles .o-tab .o-tab-body .o-tab-pane .o-scroller {
   height: 100%;
@@ -708,4 +737,7 @@
 }
 .o-meeting-playback-subtitles .captions-tab .captions-item .text .light-keyword-active {
   background-color: rgba(var(--o-blue-6), 0.4);
+}
+[data-o-theme*=dark] .o-meeting-playback-subtitles {
+  --after-linear-bg: linear-gradient(180deg, rgba(var(--o-grey-4), 0), rgba(var(--o-grey-4), 1) 100%);
 }

package/dist/treeshaking/components/meeting/components/OMeetingSigAside.vue.d.ts

@@ -1,3 +1,4 @@
+import { nextTick, ComponentPublicInstance } from 'vue';
 type __VLS_Props = {
     data: any[];
     current: number;
@@ -12,5 +13,178 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onClick-date"?: ((...args: any[]) => any) | undefined;
     "onChange-month"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    scrollerRef: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            size: "medium" | "small";
+            duration: number;
+            disabledX: boolean;
+            disabledY: boolean;
+            showType: "auto" | "always" | "never" | "hover";
+            autoUpdateOnScrollSize: boolean;
+        }> & Omit<{
+            readonly size: "small" | "medium";
+            readonly duration: number;
+            readonly disabledX: boolean;
+            readonly disabledY: boolean;
+            readonly showType: "auto" | "hover" | "always" | "never";
+            readonly autoUpdateOnScrollSize: boolean;
+            readonly wrapClass?: string | {
+                [k: string]: boolean;
+            } | (string | {
+                [k: string]: boolean;
+            })[] | undefined;
+            readonly barClass?: string | {
+                [k: string]: boolean;
+            } | (string | {
+                [k: string]: boolean;
+            })[] | undefined;
+            readonly onScroll?: ((event: Event) => any) | undefined | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize">;
+        $attrs: import('vue').Attrs;
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            targetRef: HTMLDivElement;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: ComponentPublicInstance | null;
+        $parent: ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: "scroll", event: Event) => void;
+        $el: HTMLDivElement;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+            wrapClass: {
+                type: import('vue').PropType<string | {
+                    [k: string]: boolean;
+                } | Array<{
+                    [k: string]: boolean;
+                } | string>>;
+            };
+            disabledX: {
+                type: BooleanConstructor;
+                required: false;
+            };
+            disabledY: {
+                type: BooleanConstructor;
+            };
+            duration: {
+                type: NumberConstructor;
+                default: number;
+            };
+            showType: {
+                type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
+                default: string;
+            };
+            size: {
+                type: import('vue').PropType<import('@opensig/opendesign').ScrollerSizeT>;
+                default: string;
+            };
+            autoUpdateOnScrollSize: {
+                type: BooleanConstructor;
+            };
+            barClass: {
+                type: import('vue').PropType<string | {
+                    [k: string]: boolean;
+                } | Array<{
+                    [k: string]: boolean;
+                } | string>>;
+            };
+        }>> & Readonly<{
+            onScroll?: ((event: Event) => any) | undefined;
+        }>, {
+            scrollTo: (options?: ScrollToOptions | undefined) => void;
+            scrollBy: (options?: ScrollToOptions | undefined) => void;
+            getContainerEl(): HTMLElement | null;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            scroll: (event: Event) => any;
+        }, string, {
+            size: "medium" | "small";
+            duration: number;
+            disabledX: boolean;
+            disabledY: boolean;
+            showType: "auto" | "always" | "never" | "hover";
+            autoUpdateOnScrollSize: boolean;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        size: "medium" | "small";
+        duration: number;
+        disabledX: boolean;
+        disabledY: boolean;
+        showType: "auto" | "always" | "never" | "hover";
+        autoUpdateOnScrollSize: boolean;
+    }> & Omit<Readonly<import('vue').ExtractPropTypes<{
+        wrapClass: {
+            type: import('vue').PropType<string | {
+                [k: string]: boolean;
+            } | Array<{
+                [k: string]: boolean;
+            } | string>>;
+        };
+        disabledX: {
+            type: BooleanConstructor;
+            required: false;
+        };
+        disabledY: {
+            type: BooleanConstructor;
+        };
+        duration: {
+            type: NumberConstructor;
+            default: number;
+        };
+        showType: {
+            type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
+            default: string;
+        };
+        size: {
+            type: import('vue').PropType<import('@opensig/opendesign').ScrollerSizeT>;
+            default: string;
+        };
+        autoUpdateOnScrollSize: {
+            type: BooleanConstructor;
+        };
+        barClass: {
+            type: import('vue').PropType<string | {
+                [k: string]: boolean;
+            } | Array<{
+                [k: string]: boolean;
+            } | string>>;
+        };
+    }>> & Readonly<{
+        onScroll?: ((event: Event) => any) | undefined;
+    }>, "size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize" | "scrollTo" | "scrollBy" | "getContainerEl"> & {
+        scrollTo: (options?: ScrollToOptions | undefined) => void;
+        scrollBy: (options?: ScrollToOptions | undefined) => void;
+        getContainerEl: () => HTMLElement | null;
+    } & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            default?(_: {}): any;
+            thumb?(_: {}): any;
+            track?(_: {}): any;
+        };
+    }) | null;
+}, HTMLDivElement>;
 export default _default;