@das-fed/ui 7.1.0-dev.5 → 7.1.0-dev.7

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

@@ -4,7 +4,9 @@ declare var __VLS_7: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_7) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+declare const __VLS_component: import("vue").DefineComponent<Props, {
+    setScrollTop: (value: number) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     wrapClass: string;
     viewClass: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/packages/components/scrollbar/style.css

@@ -6,4 +6,4 @@
  * https://github.com/KingSora
  * 
  * Released under the MIT license.
- */.os-size-observer,.os-size-observer-listener{scroll-behavior:auto!important;direction:inherit;pointer-events:none;overflow:hidden;visibility:hidden;box-sizing:border-box}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{writing-mode:horizontal-tb;position:absolute;left:0;top:0}.os-size-observer{z-index:-1;contain:strict;display:flex;flex-direction:row;flex-wrap:nowrap;padding:inherit;border:inherit;box-sizing:inherit;margin:-133px;top:0;right:0;bottom:0;left:0;transform:scale(.1)}.os-size-observer:before{content:"";flex:none;box-sizing:inherit;padding:10px;width:10px;height:10px}.os-size-observer-appear{animation:os-size-observer-appear-animation 1ms forwards}.os-size-observer-listener{box-sizing:border-box;position:relative;flex:auto;padding:inherit;border:inherit;margin:-133px;transform:scale(10)}.os-size-observer-listener.ltr{margin-right:-266px;margin-left:0}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty:before{content:"";width:100%;height:100%}.os-size-observer-listener:empty:before,.os-size-observer-listener>.os-size-observer-listener-item{display:block;position:relative;padding:inherit;border:inherit;box-sizing:content-box;flex:auto}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{right:0;bottom:0;overflow:hidden;direction:ltr;flex:none}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{0%{cursor:auto}to{cursor:none}}.os-trinsic-observer{flex:none;box-sizing:border-box;position:relative;max-width:0px;max-height:1px;padding:0;margin:0;border:none;overflow:hidden;z-index:-1;height:0;top:calc(100% + 1px);contain:strict}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;height:1000%;min-height:1px;min-width:1px}.os-environment{scroll-behavior:auto!important;position:fixed;opacity:0;visibility:hidden;overflow:scroll;height:200px;width:200px;z-index:-1}.os-environment div{width:200%;height:200%;margin:10px 0}.os-environment.os-environment-flexbox-glue{display:flex;flex-direction:row;flex-wrap:nowrap;height:auto;width:auto;min-height:200px;min-width:200px}.os-environment.os-environment-flexbox-glue div{flex:auto;width:auto;height:auto;max-height:100%;max-width:100%;margin:0}.os-environment.os-environment-flexbox-glue-max{max-height:200px}.os-environment.os-environment-flexbox-glue-max div{overflow:visible}.os-environment.os-environment-flexbox-glue-max div:before{content:"";display:block;height:999px;width:999px}.os-environment,[data-overlayscrollbars-viewport]{-ms-overflow-style:scrollbar!important}[data-overlayscrollbars-initialize],[data-overlayscrollbars~=scrollbarHidden],[data-overlayscrollbars-viewport~=scrollbarHidden],.os-environment-scrollbar-hidden{scrollbar-width:none!important}[data-overlayscrollbars-initialize]::-webkit-scrollbar,[data-overlayscrollbars-initialize]::-webkit-scrollbar-corner,[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar-corner,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,.os-environment-scrollbar-hidden::-webkit-scrollbar,.os-environment-scrollbar-hidden::-webkit-scrollbar-corner{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;display:none!important;width:0!important;height:0!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}html[data-overlayscrollbars]{box-sizing:border-box;margin:0}html[data-overlayscrollbars~=body],html[data-overlayscrollbars~=body]>body{width:100%;height:100%}html[data-overlayscrollbars~=viewport]>body{overflow:visible}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{display:flex;align-items:stretch!important;flex-direction:row!important;flex-wrap:nowrap!important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]{box-sizing:inherit;position:relative;flex:auto!important;height:auto;width:100%;min-width:0;padding:0;margin:0;border:none;z-index:0}[data-overlayscrollbars-viewport]{--os-vaw: 0;--os-vah: 0}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]:before{content:"";position:absolute;pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah)}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]{overflow:hidden}[data-overlayscrollbars~=host],[data-overlayscrollbars~=viewport]{position:relative;overflow:hidden}[data-overlayscrollbars~=overflowVisible],[data-overlayscrollbars-padding~=overflowVisible],[data-overlayscrollbars-viewport~=overflowVisible]{overflow:visible}[data-overlayscrollbars-overflow-x=hidden]{overflow-x:hidden}[data-overlayscrollbars-overflow-x=scroll]{overflow-x:scroll}[data-overlayscrollbars-overflow-x=hidden]{overflow-y:hidden}[data-overlayscrollbars-overflow-y=scroll]{overflow-y:scroll}[data-overlayscrollbars~=scrollbarPressed],[data-overlayscrollbars~=scrollbarPressed] [data-overlayscrollbars-viewport]{scroll-behavior:auto!important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{display:grid;grid-template:1fr/1fr}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport]{height:auto!important;width:auto!important}.os-scrollbar{contain:size layout;contain:size layout style;transition:opacity .15s,visibility .15s,top .15s,right .15s,bottom .15s,left .15s;pointer-events:none;position:absolute;opacity:0;visibility:hidden}body>.os-scrollbar{position:fixed;z-index:99999}.os-scrollbar-transitionless{transition:none}.os-scrollbar-track{position:relative;direction:ltr!important;padding:0!important;border:none!important}.os-scrollbar-handle{position:absolute}.os-scrollbar-track,.os-scrollbar-handle{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{right:auto;left:0}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none!important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0!important;transition:none!important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0}.os-scrollbar-vertical .os-scrollbar-handle{right:0}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{right:auto;left:0}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}.os-scrollbar{--os-size: 0;--os-padding-perpendicular: 0;--os-padding-axis: 0;--os-track-border-radius: 0;--os-track-bg: none;--os-track-bg-hover: none;--os-track-bg-active: none;--os-track-border: none;--os-track-border-hover: none;--os-track-border-active: none;--os-handle-border-radius: 0;--os-handle-bg: none;--os-handle-bg-hover: none;--os-handle-bg-active: none;--os-handle-border: none;--os-handle-border-hover: none;--os-handle-border-active: none;--os-handle-min-size: 33px;--os-handle-max-size: none;--os-handle-perpendicular-size: 100%;--os-handle-perpendicular-size-hover: 100%;--os-handle-perpendicular-size-active: 100%;--os-handle-interactive-area-offset: 0}.os-scrollbar .os-scrollbar-track{border:var(--os-track-border);border-radius:var(--os-track-border-radius);background:var(--os-track-bg);transition:opacity .15s,background-color .15s,border-color .15s}.os-scrollbar .os-scrollbar-track:hover{border:var(--os-track-border-hover);background:var(--os-track-bg-hover)}.os-scrollbar .os-scrollbar-track:active{border:var(--os-track-border-active);background:var(--os-track-bg-active)}.os-scrollbar .os-scrollbar-handle{border:var(--os-handle-border);border-radius:var(--os-handle-border-radius);background:var(--os-handle-bg)}.os-scrollbar .os-scrollbar-handle:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;display:block}.os-scrollbar .os-scrollbar-handle:hover{border:var(--os-handle-border-hover);background:var(--os-handle-bg-hover)}.os-scrollbar .os-scrollbar-handle:active{border:var(--os-handle-border-active);background:var(--os-handle-bg-active)}.os-scrollbar-horizontal{padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size);height:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-handle{min-width:var(--os-handle-min-size);max-width:var(--os-handle-max-size);height:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,height .15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{padding:var(--os-padding-axis) var(--os-padding-perpendicular);bottom:var(--os-size);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-handle{min-height:var(--os-handle-min-size);max-height:var(--os-handle-max-size);width:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,width .15s}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);left:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}[data-overlayscrollbars~=updating]>.os-scrollbar,.os-theme-none.os-scrollbar{display:none!important}.os-theme-dark,.os-theme-light{box-sizing:border-box;--os-size: 10px;--os-padding-perpendicular: 2px;--os-padding-axis: 2px;--os-track-border-radius: 10px;--os-handle-interactive-area-offset: 4px;--os-handle-border-radius: 10px}.os-theme-dark{--os-handle-bg: rgba(0, 0, 0, .44);--os-handle-bg-hover: rgba(0, 0, 0, .55);--os-handle-bg-active: rgba(0, 0, 0, .66)}.os-theme-light{--os-handle-bg: rgba(255, 255, 255, .44);--os-handle-bg-hover: rgba(255, 255, 255, .55);--os-handle-bg-active: rgba(255, 255, 255, .66)}.das-scrollbar{--os-handle-bg: var(--das-ui-scrollbar-thumb-color) !important;--os-handle-bg-hover: var(--das-ui-scrollbar-thumb-hover-color) !important;--os-handle-bg-active: var(--das-ui-scrollbar-thumb-hover-color) !important;--os-padding-perpendicular: var(--das-ui-scrollbar-padding) !important;--os-size: calc(var(--das-ui-scrollbar-thumb-size) + var(--das-ui-scrollbar-padding) * 2) !important;box-sizing:border-box!important;cursor:pointer!important;transition:padding .15s!important}.das-scrollbar:hover{--os-padding-perpendicular: 0 !important}.das-scrollbar-pro[data-v-34741a5d] .das-scrollbar-pro-wrap{display:flex;flex-direction:column;position:relative}.das-scrollbar-pro[data-v-34741a5d] .das-scrollbar-pro-view{flex:1;min-height:0}.das-scrollbar-pro[data-v-34741a5d] .el-scrollbar__bar.is-horizontal{height:var(--das-ui-scrollbar-thumb-size)}.das-scrollbar-pro[data-v-34741a5d] .el-scrollbar__bar.is-vertical{width:var(--das-ui-scrollbar-thumb-size)}.das-scrollbar-pro[data-v-34741a5d] .el-scrollbar__bar{z-index:var(--das-ui-scrollbar-z-index)}.das-scrollbar-pro[data-v-34741a5d] .el-scrollbar__bar .el-scrollbar__thumb{opacity:1;background:var(--das-ui-scrollbar-thumb-color)}.das-scrollbar-pro[data-v-34741a5d] .el-scrollbar__bar:hover .el-scrollbar__thumb,.das-scrollbar-pro[data-v-34741a5d] .el-scrollbar__bar:active .el-scrollbar__thumb{background:var(--das-ui-scrollbar-thumb-hover-color)}
+ */.os-size-observer,.os-size-observer-listener{scroll-behavior:auto!important;direction:inherit;pointer-events:none;overflow:hidden;visibility:hidden;box-sizing:border-box}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{writing-mode:horizontal-tb;position:absolute;left:0;top:0}.os-size-observer{z-index:-1;contain:strict;display:flex;flex-direction:row;flex-wrap:nowrap;padding:inherit;border:inherit;box-sizing:inherit;margin:-133px;top:0;right:0;bottom:0;left:0;transform:scale(.1)}.os-size-observer:before{content:"";flex:none;box-sizing:inherit;padding:10px;width:10px;height:10px}.os-size-observer-appear{animation:os-size-observer-appear-animation 1ms forwards}.os-size-observer-listener{box-sizing:border-box;position:relative;flex:auto;padding:inherit;border:inherit;margin:-133px;transform:scale(10)}.os-size-observer-listener.ltr{margin-right:-266px;margin-left:0}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty:before{content:"";width:100%;height:100%}.os-size-observer-listener:empty:before,.os-size-observer-listener>.os-size-observer-listener-item{display:block;position:relative;padding:inherit;border:inherit;box-sizing:content-box;flex:auto}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{right:0;bottom:0;overflow:hidden;direction:ltr;flex:none}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{0%{cursor:auto}to{cursor:none}}.os-trinsic-observer{flex:none;box-sizing:border-box;position:relative;max-width:0px;max-height:1px;padding:0;margin:0;border:none;overflow:hidden;z-index:-1;height:0;top:calc(100% + 1px);contain:strict}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;height:1000%;min-height:1px;min-width:1px}.os-environment{scroll-behavior:auto!important;position:fixed;opacity:0;visibility:hidden;overflow:scroll;height:200px;width:200px;z-index:-1}.os-environment div{width:200%;height:200%;margin:10px 0}.os-environment.os-environment-flexbox-glue{display:flex;flex-direction:row;flex-wrap:nowrap;height:auto;width:auto;min-height:200px;min-width:200px}.os-environment.os-environment-flexbox-glue div{flex:auto;width:auto;height:auto;max-height:100%;max-width:100%;margin:0}.os-environment.os-environment-flexbox-glue-max{max-height:200px}.os-environment.os-environment-flexbox-glue-max div{overflow:visible}.os-environment.os-environment-flexbox-glue-max div:before{content:"";display:block;height:999px;width:999px}.os-environment,[data-overlayscrollbars-viewport]{-ms-overflow-style:scrollbar!important}[data-overlayscrollbars-initialize],[data-overlayscrollbars~=scrollbarHidden],[data-overlayscrollbars-viewport~=scrollbarHidden],.os-environment-scrollbar-hidden{scrollbar-width:none!important}[data-overlayscrollbars-initialize]::-webkit-scrollbar,[data-overlayscrollbars-initialize]::-webkit-scrollbar-corner,[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar-corner,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,.os-environment-scrollbar-hidden::-webkit-scrollbar,.os-environment-scrollbar-hidden::-webkit-scrollbar-corner{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;display:none!important;width:0!important;height:0!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}html[data-overlayscrollbars]{box-sizing:border-box;margin:0}html[data-overlayscrollbars~=body],html[data-overlayscrollbars~=body]>body{width:100%;height:100%}html[data-overlayscrollbars~=viewport]>body{overflow:visible}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{display:flex;align-items:stretch!important;flex-direction:row!important;flex-wrap:nowrap!important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]{box-sizing:inherit;position:relative;flex:auto!important;height:auto;width:100%;min-width:0;padding:0;margin:0;border:none;z-index:0}[data-overlayscrollbars-viewport]{--os-vaw: 0;--os-vah: 0}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]:before{content:"";position:absolute;pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah)}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]{overflow:hidden}[data-overlayscrollbars~=host],[data-overlayscrollbars~=viewport]{position:relative;overflow:hidden}[data-overlayscrollbars~=overflowVisible],[data-overlayscrollbars-padding~=overflowVisible],[data-overlayscrollbars-viewport~=overflowVisible]{overflow:visible}[data-overlayscrollbars-overflow-x=hidden]{overflow-x:hidden}[data-overlayscrollbars-overflow-x=scroll]{overflow-x:scroll}[data-overlayscrollbars-overflow-x=hidden]{overflow-y:hidden}[data-overlayscrollbars-overflow-y=scroll]{overflow-y:scroll}[data-overlayscrollbars~=scrollbarPressed],[data-overlayscrollbars~=scrollbarPressed] [data-overlayscrollbars-viewport]{scroll-behavior:auto!important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{display:grid;grid-template:1fr/1fr}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport]{height:auto!important;width:auto!important}.os-scrollbar{contain:size layout;contain:size layout style;transition:opacity .15s,visibility .15s,top .15s,right .15s,bottom .15s,left .15s;pointer-events:none;position:absolute;opacity:0;visibility:hidden}body>.os-scrollbar{position:fixed;z-index:99999}.os-scrollbar-transitionless{transition:none}.os-scrollbar-track{position:relative;direction:ltr!important;padding:0!important;border:none!important}.os-scrollbar-handle{position:absolute}.os-scrollbar-track,.os-scrollbar-handle{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{right:auto;left:0}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none!important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0!important;transition:none!important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0}.os-scrollbar-vertical .os-scrollbar-handle{right:0}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{right:auto;left:0}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}.os-scrollbar{--os-size: 0;--os-padding-perpendicular: 0;--os-padding-axis: 0;--os-track-border-radius: 0;--os-track-bg: none;--os-track-bg-hover: none;--os-track-bg-active: none;--os-track-border: none;--os-track-border-hover: none;--os-track-border-active: none;--os-handle-border-radius: 0;--os-handle-bg: none;--os-handle-bg-hover: none;--os-handle-bg-active: none;--os-handle-border: none;--os-handle-border-hover: none;--os-handle-border-active: none;--os-handle-min-size: 33px;--os-handle-max-size: none;--os-handle-perpendicular-size: 100%;--os-handle-perpendicular-size-hover: 100%;--os-handle-perpendicular-size-active: 100%;--os-handle-interactive-area-offset: 0}.os-scrollbar .os-scrollbar-track{border:var(--os-track-border);border-radius:var(--os-track-border-radius);background:var(--os-track-bg);transition:opacity .15s,background-color .15s,border-color .15s}.os-scrollbar .os-scrollbar-track:hover{border:var(--os-track-border-hover);background:var(--os-track-bg-hover)}.os-scrollbar .os-scrollbar-track:active{border:var(--os-track-border-active);background:var(--os-track-bg-active)}.os-scrollbar .os-scrollbar-handle{border:var(--os-handle-border);border-radius:var(--os-handle-border-radius);background:var(--os-handle-bg)}.os-scrollbar .os-scrollbar-handle:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;display:block}.os-scrollbar .os-scrollbar-handle:hover{border:var(--os-handle-border-hover);background:var(--os-handle-bg-hover)}.os-scrollbar .os-scrollbar-handle:active{border:var(--os-handle-border-active);background:var(--os-handle-bg-active)}.os-scrollbar-horizontal{padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size);height:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-handle{min-width:var(--os-handle-min-size);max-width:var(--os-handle-max-size);height:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,height .15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{padding:var(--os-padding-axis) var(--os-padding-perpendicular);bottom:var(--os-size);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-handle{min-height:var(--os-handle-min-size);max-height:var(--os-handle-max-size);width:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,width .15s}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);left:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}[data-overlayscrollbars~=updating]>.os-scrollbar,.os-theme-none.os-scrollbar{display:none!important}.os-theme-dark,.os-theme-light{box-sizing:border-box;--os-size: 10px;--os-padding-perpendicular: 2px;--os-padding-axis: 2px;--os-track-border-radius: 10px;--os-handle-interactive-area-offset: 4px;--os-handle-border-radius: 10px}.os-theme-dark{--os-handle-bg: rgba(0, 0, 0, .44);--os-handle-bg-hover: rgba(0, 0, 0, .55);--os-handle-bg-active: rgba(0, 0, 0, .66)}.os-theme-light{--os-handle-bg: rgba(255, 255, 255, .44);--os-handle-bg-hover: rgba(255, 255, 255, .55);--os-handle-bg-active: rgba(255, 255, 255, .66)}.das-scrollbar{--os-handle-bg: var(--das-ui-scrollbar-thumb-color) !important;--os-handle-bg-hover: var(--das-ui-scrollbar-thumb-hover-color) !important;--os-handle-bg-active: var(--das-ui-scrollbar-thumb-hover-color) !important;--os-padding-perpendicular: var(--das-ui-scrollbar-padding) !important;--os-size: calc(var(--das-ui-scrollbar-thumb-size) + var(--das-ui-scrollbar-padding) * 2) !important;box-sizing:border-box!important;cursor:pointer!important;transition:padding .15s!important}.das-scrollbar:hover{--os-padding-perpendicular: 0 !important}.das-scrollbar-pro[data-v-30af3c1e] .das-scrollbar-pro-wrap{display:flex;flex-direction:column;position:relative}.das-scrollbar-pro[data-v-30af3c1e] .das-scrollbar-pro-view{flex:1;min-height:0}.das-scrollbar-pro[data-v-30af3c1e] .el-scrollbar__bar.is-horizontal{height:var(--das-ui-scrollbar-thumb-size)}.das-scrollbar-pro[data-v-30af3c1e] .el-scrollbar__bar.is-vertical{width:var(--das-ui-scrollbar-thumb-size)}.das-scrollbar-pro[data-v-30af3c1e] .el-scrollbar__bar{z-index:var(--das-ui-scrollbar-z-index)}.das-scrollbar-pro[data-v-30af3c1e] .el-scrollbar__bar .el-scrollbar__thumb{opacity:1;background:var(--das-ui-scrollbar-thumb-color)}.das-scrollbar-pro[data-v-30af3c1e] .el-scrollbar__bar:hover .el-scrollbar__thumb,.das-scrollbar-pro[data-v-30af3c1e] .el-scrollbar__bar:active .el-scrollbar__thumb{background:var(--das-ui-scrollbar-thumb-hover-color)}

package/packages/components/search/index.js

@@ -28,39 +28,39 @@ const J = {
   },
   emits: ["update:modelValue", "change"],
   setup(f, { emit: m }) {
-    const l = f, d = m;
+    const t = f, d = m;
     j({
       search: import("@das-fed/ui/packages/icons/search"),
       empty: import("@das-fed/ui/packages/icons/empty")
     });
     const p = o(null), c = o(null), a = T({
-      get: () => l.modelValue,
+      get: () => t.modelValue,
       set: (e) => d("update:modelValue", e)
-    }), u = o(!1), F = T(() => a.value ? a.value : l.placeholder), L = (e) => {
-      let t = e + "";
-      a.value = t, d("change", t);
-    }, E = () => G(l.placeholder, 12);
+    }), u = o(!1), F = T(() => a.value ? a.value : t.placeholder), L = (e) => {
+      let l = e + "";
+      a.value = l, d("change", l);
+    }, E = () => G(t.placeholder, 12);
     y(
       () => c.value,
       (e) => {
         setTimeout(() => {
           var n, V;
-          const t = e;
-          t && (s.value = ((n = t == null ? void 0 : t.ref) == null ? void 0 : n.offsetWidth) ?? 0, r.value = a.value ? (V = t == null ? void 0 : t.ref) == null ? void 0 : V.scrollWidth : E());
+          const l = e;
+          l && (s.value = ((n = l == null ? void 0 : l.ref) == null ? void 0 : n.offsetWidth) ?? 0, i.value = a.value ? (V = l == null ? void 0 : l.ref) == null ? void 0 : V.scrollWidth : E());
         }, 200);
       }
     );
-    const s = o(0), r = o(0), x = () => {
+    const s = o(0), i = o(0), x = () => {
       P(() => {
-        var e, t, n;
-        (e = c.value) != null && e.ref && (s.value = (t = c.value) == null ? void 0 : t.ref.offsetWidth, r.value = a.value ? (n = c.value) == null ? void 0 : n.ref.scrollWidth : E(), (s.value === r.value || r.value - s.value < 1) && (u.value = !1));
+        var e, l, n;
+        (e = c.value) != null && e.ref && (s.value = (l = c.value) == null ? void 0 : l.ref.offsetWidth, i.value = a.value ? (n = c.value) == null ? void 0 : n.ref.scrollWidth : E(), (s.value === i.value || i.value - s.value < 1) && (u.value = !1));
       });
     };
-    y(() => [a.value, l.placeholder], x);
-    const i = o(), A = () => {
-      x(), s.value === r.value || r.value - s.value < 1 ? u.value = !1 : (u.value = !0, i.value && clearTimeout(i.value));
+    y(() => [a.value, t.placeholder], x);
+    const r = o(), A = () => {
+      x(), s.value === i.value || i.value - s.value < 1 ? u.value = !1 : (u.value = !0, r.value && clearTimeout(r.value));
     }, z = () => {
-      i.value = setTimeout(() => {
+      r.value = setTimeout(() => {
         u.value = !1;
       }, 200);
     };
@@ -71,20 +71,20 @@ const J = {
       },
       (e) => {
         e && (e.addEventListener("mouseenter", function() {
-          u.value = !0, i.value && clearTimeout(i.value);
+          console.log("进入tooltip"), u.value = !0, r.value && clearTimeout(r.value);
         }), e.addEventListener("mouseleave", function() {
-          i.value = setTimeout(() => {
+          console.log("离开toolTip"), r.value = setTimeout(() => {
             u.value = !1;
           }, 200);
         }));
       }
     );
-    const h = o(""), b = o(!1), I = T(() => (l == null ? void 0 : l.isExpandAtFocus) === !0 || (l == null ? void 0 : l.isExpandAtFocus) === "true"), D = () => {
+    const h = o(""), b = o(!1), I = T(() => (t == null ? void 0 : t.isExpandAtFocus) === !0 || (t == null ? void 0 : t.isExpandAtFocus) === "true"), D = () => {
       !I.value || s.value > 400 || (h.value = "400px", b.value = !0);
     }, M = (e) => {
       I.value && (h.value = "", b.value = !1);
     };
-    return (e, t) => (g(), _(
+    return (e, l) => (g(), _(
       "div",
       {
         class: N(`das-ui-search ${e.size}`),
@@ -111,10 +111,10 @@ const J = {
               type: "text",
               class: `main-input ${e.size} ${e.border ? "border" : ""} ${e.isIconLeft ? "left" : ""}`,
               modelValue: a.value,
-              "onUpdate:modelValue": t[0] || (t[0] = (n) => a.value = n),
+              "onUpdate:modelValue": l[0] || (l[0] = (n) => a.value = n),
               disabled: e.disabled,
               onChange: L,
-              clearable: l.clearable,
+              clearable: t.clearable,
               onFocus: D,
               onBlur: M,
               onMouseenter: A,
@@ -146,10 +146,10 @@ const J = {
     ));
   }
 }), Q = (f, m) => {
-  const l = f.__vccOpts || f;
+  const t = f.__vccOpts || f;
   for (const [d, p] of m)
-    l[d] = p;
-  return l;
+    t[d] = p;
+  return t;
 }, X = /* @__PURE__ */ Q(K, [["__scopeId", "data-v-0b97f6a7"]]), Y = {
   "--demo-alert-bg": {
     light: "#fff",

package/packages/components/select/index.js

@@ -80,10 +80,10 @@ const _l = { key: 0 }, $l = { class: "das-multiple-option-item" }, Fl = { style:
       var _;
       const e = M.value.querySelector(".ant-select-selection-placeholder"), t = (_ = x.value) == null ? void 0 : _.$el.querySelectorAll(".ant-select-selection-item");
       t && t.length && t.forEach((X) => X.removeAttribute("title"));
-      let a = (e == null ? void 0 : e.offsetWidth) ?? 0;
-      if (a === 0) return a;
-      const o = window.getComputedStyle(e, null), p = parseFloat(o.paddingRight), v = parseFloat(o.paddingLeft);
-      return a - p - v;
+      let o = (e == null ? void 0 : e.offsetWidth) ?? 0;
+      if (o === 0) return o;
+      const a = window.getComputedStyle(e, null), p = parseFloat(a.paddingRight), v = parseFloat(a.paddingLeft);
+      return o - p - v;
     }, S = n(!1);
     G(() => [Z.value, s.value], () => {
       T(() => {
@@ -96,9 +96,9 @@ const _l = { key: 0 }, $l = { class: "das-multiple-option-item" }, Fl = { style:
       },
       (e) => {
         e && (e.addEventListener("mouseenter", function() {
-          S.value = !0, O.value && clearTimeout(O.value);
+          console.log("进入tooltip"), S.value = !0, O.value && clearTimeout(O.value);
         }), e.addEventListener("mouseleave", function() {
-          O.value = setTimeout(() => {
+          console.log("离开toolTip"), O.value = setTimeout(() => {
             S.value = !1;
           }, 200);
         }));
@@ -131,9 +131,9 @@ const _l = { key: 0 }, $l = { class: "das-multiple-option-item" }, Fl = { style:
         var t;
         let e = (t = x.value) == null ? void 0 : t.$el.querySelectorAll(".ant-select-selection-item");
         if (e && e.length > 0)
-          for (let a = 0; a < e.length; a++) {
-            let o = e[a];
-            o.scrollWidth <= o.offsetWidth && (ae.value = !1), o.title = "";
+          for (let o = 0; o < e.length; o++) {
+            let a = e[o];
+            a.scrollWidth <= a.offsetWidth && (ae.value = !1), a.title = "";
           }
       }, 300));
     }), de(() => {
@@ -145,7 +145,7 @@ const _l = { key: 0 }, $l = { class: "das-multiple-option-item" }, Fl = { style:
       }, 100);
     };
     de(() => {
-      se.value === !0 && l.mode != "combobox" && s.value && s.value.length > 0 && l.options.length > 0 && (se.value = !1, We());
+      se.value === !0 && l.mode != "combobox" && s.value && s.value.length > 0 && l.options.length > 0 && (console.log("watchEffect", s.value), se.value = !1, We());
     }), ie(() => {
       se.value = !0, l.focusOpen || (i.value = 1, u.value = i.value, b.value = !0);
     });
@@ -155,26 +155,26 @@ const _l = { key: 0 }, $l = { class: "das-multiple-option-item" }, Fl = { style:
       var t;
       let e = [];
       if (l.mode != "combobox" && Array.isArray(s.value))
-        s.value.map((a) => {
+        s.value.map((o) => {
           var p;
-          let o = (p = l.options) == null ? void 0 : p.find((v) => v[L.value] == a);
-          o && e.push(o[K.value]);
+          let a = (p = l.options) == null ? void 0 : p.find((v) => v[L.value] == o);
+          a && e.push(a[K.value]);
         });
       else if (l.mode == "combobox" && s.value) {
-        let a = (t = l.options) == null ? void 0 : t.find((o) => o[L.value] == s.value);
-        a && e.push(a[K.value]);
+        let o = (t = l.options) == null ? void 0 : t.find((a) => a[L.value] == s.value);
+        o && e.push(o[K.value]);
       }
       return Il.value === "zh-CN" ? e.join("、") : e.join(", ");
     }), He = d(() => {
       var t;
       if (l.mode === "combobox") return !1;
-      let e = l.options.filter((a) => !a.disabled);
+      let e = l.options.filter((o) => !o.disabled);
       return !!(Array.isArray(s.value) && ((t = s.value) == null ? void 0 : t.length) == e.length);
     }), Ze = d(() => {
-      var t, a;
+      var t, o;
       if (l.mode === "combobox") return !1;
-      let e = l.options.filter((o) => !o.disabled);
-      return !!(Array.isArray(s.value) && ((t = s.value) == null ? void 0 : t.length) > 0 && ((a = s.value) == null ? void 0 : a.length) < e.length);
+      let e = l.options.filter((a) => !a.disabled);
+      return !!(Array.isArray(s.value) && ((t = s.value) == null ? void 0 : t.length) > 0 && ((o = s.value) == null ? void 0 : o.length) < e.length);
     }), Ke = d(() => {
       var e, t;
       return l.optionFilterProp ? l.optionFilterProp : (e = l.fieldNames) != null && e.label ? (t = l.fieldNames) == null ? void 0 : t.label : "label";
@@ -191,9 +191,9 @@ const _l = { key: 0 }, $l = { class: "das-multiple-option-item" }, Fl = { style:
       color: Tl("--das-ui-select-overlay-error-color").value,
       "white-space": "break-spaces"
     }), O = n(), Xe = () => {
-      var a;
+      var o;
       B.value = ge(), A.value = be();
-      let e = (a = x.value) == null ? void 0 : a.$el.querySelectorAll(".ant-select-selection-item");
+      let e = (o = x.value) == null ? void 0 : o.$el.querySelectorAll(".ant-select-selection-item");
       !!(Array.isArray(s.value) ? s.value.length : e != null && e.length) || B.value === A.value || A.value - B.value < 1 ? S.value = !1 : (S.value = !0, O.value && clearTimeout(O.value)), ne.value = !0;
     }, Ge = () => {
       O.value = setTimeout(() => {
@@ -203,8 +203,8 @@ const _l = { key: 0 }, $l = { class: "das-multiple-option-item" }, Fl = { style:
       e ? Xe() : Ge();
     }, Qe = (e) => {
       e && (ke.value = Vl().nextZIndex(), E.value = ""), U.value = e, l.mode == "combobox" && (e || setTimeout(() => {
-        var t, a;
-        (a = (t = x.value) == null ? void 0 : t.blur) == null || a.call(t);
+        var t, o;
+        (o = (t = x.value) == null ? void 0 : t.blur) == null || o.call(t);
       })), w("dropdownVisibleChange", e);
     }, Ye = (e) => {
       let t = e.toString();
@@ -212,13 +212,13 @@ const _l = { key: 0 }, $l = { class: "das-multiple-option-item" }, Fl = { style:
     }, el = (e) => l.isRenderNode ? M.value : l.getPopupContainer === void 0 ? document.body : l.getPopupContainer(e), ll = (e) => {
       if (e) {
         Array.isArray(s.value) || (s.value = []);
-        let t = s.value, a = [];
-        l.options.forEach((o) => {
-          !s.value.includes(o[L.value]) && !o.disabled && (t.push(o[L.value]), a.push(o));
-        }), s.value = t, ue(s.value, a);
+        let t = s.value, o = [];
+        l.options.forEach((a) => {
+          !s.value.includes(a[L.value]) && !a.disabled && (t.push(a[L.value]), o.push(a));
+        }), s.value = t, ue(s.value, o);
       } else {
         let t = s.value;
-        s.value = t.filter((a) => !!l.options.find((o) => o[L.value] === a).disabled), ue(s.value, []);
+        s.value = t.filter((o) => !!l.options.find((a) => a[L.value] === o).disabled), ue(s.value, []);
       }
     }, tl = (e) => {
       if (e.className.indexOf("ant-select-multiple") > -1 && e.children[0])
@@ -279,23 +279,23 @@ const _l = { key: 0 }, $l = { class: "das-multiple-option-item" }, Fl = { style:
       if (!e) return;
       let t = e == null ? void 0 : e.querySelector(".ant-select-selection-overflow");
       if (!t) return;
-      let a = t.offsetWidth - 5;
-      l.borderType === "underline" && (a -= 10);
+      let o = t.offsetWidth - 5;
+      l.borderType === "underline" && (o -= 10);
       const p = Math.ceil(ye.value.querySelector(".ant-tag").offsetWidth) + 4;
       let v = e.querySelectorAll(".ant-select-selection-overflow-item");
       if (v.length < 1) return;
       u.value = V;
       let _ = 0;
       for (let m = 0; m < v.length - 1 && !v[m].classList.contains("ant-select-selection-overflow-item-rest"); m++)
-        if (_ += Math.ceil(v[m].offsetWidth), _ <= a - p)
-          m >= s.value.length - 1 && _ < a ? i.value = s.value.length : i.value = m + 1;
+        if (_ += Math.ceil(v[m].offsetWidth), _ <= o - p)
+          m >= s.value.length - 1 && _ < o ? i.value = s.value.length : i.value = m + 1;
         else {
-          m >= s.value.length - 1 && _ < a ? i.value = s.value.length : i.value = m;
+          m >= s.value.length - 1 && _ < o ? i.value = s.value.length : i.value = m;
           break;
         }
       if (i.value === 0) {
         let m = v[0], rl = m.querySelector(".anticon-close") ? 86 : 69;
-        m && !m.classList.contains("ant-select-selection-overflow-item-rest") && rl <= a - p && !xe.tagRender && (i.value = 1, m.classList.add("ellipsis"));
+        m && !m.classList.contains("ant-select-selection-overflow-item-rest") && rl <= o - p && !xe.tagRender && (i.value = 1, m.classList.add("ellipsis"));
       }
     }, re = n(!1);
     G(
@@ -305,19 +305,19 @@ const _l = { key: 0 }, $l = { class: "das-multiple-option-item" }, Fl = { style:
           re.value = !1;
           return;
         }
-        l.mode !== "combobox" && oe.value || (z.value = !0, u.value = V, await T(), await N(), z.value = !1, l.isExterControlCount && l.focusOpen ? (u.value = R.value ? V : i.value, b.value = !R.value) : (u.value = i.value, b.value = !0));
+        l.mode !== "combobox" && oe.value || (console.log("-----watch-----", s.value), z.value = !0, u.value = V, await T(), await N(), z.value = !1, l.isExterControlCount && l.focusOpen ? (u.value = R.value ? V : i.value, b.value = !R.value) : (u.value = i.value, b.value = !0));
       }
     );
     const ue = async (e, t) => {
       re.value = !0, U.value = !1, l.mode === "combobox" && le();
-      const a = e;
-      l.noDropdown && l.maxTagsLength < a.length && a.pop(), z.value = !0, w("update:model-value", a), w("change", a, t), u.value = V, await T(), await N(), z.value = !1, l.isExterControlCount && l.focusOpen && (u.value = R.value ? V : i.value, b.value = !R.value), l.focusOpen || (u.value = i.value);
+      const o = e;
+      l.noDropdown && l.maxTagsLength < o.length && o.pop(), z.value = !0, console.log("-----seleceChange-----", o), w("update:model-value", o), w("change", o, t), u.value = V, await T(), await N(), z.value = !1, l.isExterControlCount && l.focusOpen && (u.value = R.value ? V : i.value, b.value = !R.value), l.focusOpen || (u.value = i.value, console.log("selectChange--------", u.value));
     };
     return $({
       $select: x,
       toChangeMaxCount: nl
     }), (e, t) => {
-      const a = dl("v-nodes");
+      const o = dl("v-nodes");
       return c(), g(
         "div",
         {
@@ -343,7 +343,7 @@ const _l = { key: 0 }, $l = { class: "das-multiple-option-item" }, Fl = { style:
           }, null, 8, ["virtual-ref", "disabled", "content"]),
           ce((c(), H(r(ml), me({ mode: e.mode }, e.$attrs, {
             value: r(s),
-            "onUpdate:value": t[4] || (t[4] = (o) => vl(s) ? s.value = o : null),
+            "onUpdate:value": t[4] || (t[4] = (a) => vl(s) ? s.value = a : null),
             ref_key: "$select",
             ref: x,
             options: Te.value,
@@ -370,13 +370,13 @@ const _l = { key: 0 }, $l = { class: "das-multiple-option-item" }, Fl = { style:
             ],
             onBlur: Se
           }), fl({
-            option: f((o) => [
-              C(e.$slots, "option", Q(Y(o)), () => {
+            option: f((a) => [
+              C(e.$slots, "option", Q(Y(a)), () => {
                 var p;
                 return [
-                  o.children && typeof o.children == "function" ? (c(), H(a, {
+                  a.children && typeof a.children == "function" ? (c(), H(o, {
                     key: 0,
-                    vnodes: o.children()
+                    vnodes: a.children()
                   }, null, 8, ["vnodes"])) : (c(), g(
                     fe,
                     { key: 1 },
@@ -384,7 +384,7 @@ const _l = { key: 0 }, $l = { class: "das-multiple-option-item" }, Fl = { style:
                       k(' :option="{value, label, [disabled, key, title]}" '),
                       e.mode === "combobox" ? ce((c(), g("div", _l, [
                         ve(
-                          W(o[K.value]),
+                          W(a[K.value]),
                           1
                           /* TEXT */
                         )
@@ -398,13 +398,13 @@ const _l = { key: 0 }, $l = { class: "das-multiple-option-item" }, Fl = { style:
                           h("div", $l, [
                             (c(), H(r(ze), {
                               class: "das-select-checkbox",
-                              modelValue: (p = r(s)) == null ? void 0 : p.includes(o[L.value]),
-                              key: o[L.value],
-                              disabled: o.disabled
+                              modelValue: (p = r(s)) == null ? void 0 : p.includes(a[L.value]),
+                              key: a[L.value],
+                              disabled: a.disabled
                             }, null, 8, ["modelValue", "disabled"])),
                             ce((c(), g("div", Fl, [
                               ve(
-                                W(o[K.value]),
+                                W(a[K.value]),
                                 1
                                 /* TEXT */
                               )
@@ -423,12 +423,12 @@ const _l = { key: 0 }, $l = { class: "das-multiple-option-item" }, Fl = { style:
                 ];
               }, !0)
             ]),
-            tagRender: f((o) => [
-              C(e.$slots, "tagRender", Q(Y(o)), () => [
+            tagRender: f((a) => [
+              C(e.$slots, "tagRender", Q(Y(a)), () => [
                 y(r(pe), {
-                  closable: o.closable,
+                  closable: a.closable,
                   style: { "margin-right": "3px", "background-color": "transparent" },
-                  onClose: (p) => sl(o)
+                  onClose: (p) => sl(a)
                 }, {
                   default: f(() => [
                     h(
@@ -437,7 +437,7 @@ const _l = { key: 0 }, $l = { class: "das-multiple-option-item" }, Fl = { style:
                         class: "tag-span",
                         style: q(l.size == "mini" || l.size == "table" ? { fontSize: "12px" } : {})
                       },
-                      W(Ye(o.label)),
+                      W(Ye(a.label)),
                       5
                       /* TEXT, STYLE */
                     )
@@ -447,18 +447,18 @@ const _l = { key: 0 }, $l = { class: "das-multiple-option-item" }, Fl = { style:
                 }, 1032, ["closable", "onClose"])
               ], !0)
             ]),
-            dropdownRender: f(({ menuNode: o }) => [
-              C(e.$slots, "dropdownRender", Q(Y({ menuNode: o })), () => {
+            dropdownRender: f(({ menuNode: a }) => [
+              C(e.$slots, "dropdownRender", Q(Y({ menuNode: a })), () => {
                 var p;
                 return [
                   Ce.value === "combobox" ? (c(), g("div", Ml, [
-                    y(a, { vnodes: o }, null, 8, ["vnodes"])
+                    y(o, { vnodes: a }, null, 8, ["vnodes"])
                   ])) : Ce.value === "custom" ? (c(), g("div", {
                     key: 1,
                     onClick: t[2] || (t[2] = J(() => {
                     }, ["stop"]))
                   }, [
-                    y(a, { vnodes: o }, null, 8, ["vnodes"]),
+                    y(o, { vnodes: a }, null, 8, ["vnodes"]),
                     h(
                       "div",
                       {
@@ -492,7 +492,7 @@ const _l = { key: 0 }, $l = { class: "das-multiple-option-item" }, Fl = { style:
                       /* NEED_HYDRATION */
                     )
                   ])) : (c(), g("div", Al, [
-                    y(a, { vnodes: o }, null, 8, ["vnodes"]),
+                    y(o, { vnodes: a }, null, 8, ["vnodes"]),
                     (p = l.options) != null && p.length ? (c(), g(
                       "div",
                       {
@@ -536,8 +536,8 @@ const _l = { key: 0 }, $l = { class: "das-multiple-option-item" }, Fl = { style:
                 y(r(Cl), { size: "medium" })
               ], !0)
             ]),
-            maxTagPlaceholder: f((o) => [
-              C(e.$slots, "maxTagPlaceholder", Q(Y(o)), () => [
+            maxTagPlaceholder: f((a) => [
+              C(e.$slots, "maxTagPlaceholder", Q(Y(a)), () => [
                 k(" 隐藏tag时显示的内容 "),
                 y(r(pe), {
                   style: q(l.size == "mini" || l.size == "table" ? { fontSize: "12px" } : {})

package/packages/components/select-list/index.js

@@ -218,10 +218,13 @@ var en = /* @__PURE__ */ function() {
 }();
 function ti(t, e, i) {
   var n = e.value;
-  if (n && !(typeof IntersectionObserver > "u")) {
-    var r = new en(t, n, i);
-    t._vue_visibilityState = r;
-  }
+  if (n)
+    if (typeof IntersectionObserver > "u")
+      console.warn("[vue-observe-visibility] IntersectionObserver API is not available in your browser. Please install this polyfill: https://github.com/w3c/IntersectionObserver/tree/master/polyfill");
+    else {
+      var r = new en(t, n, i);
+      t._vue_visibilityState = r;
+    }
 }
 function tn(t, e, i) {
   var n = e.value, r = e.oldValue;
@@ -448,7 +451,7 @@ var Pt = {
     }
   },
   created() {
-    this.$_startIndex = 0, this.$_endIndex = 0, this.$_views = /* @__PURE__ */ new Map(), this.$_unusedViews = /* @__PURE__ */ new Map(), this.$_scrollDirty = !1, this.$_lastUpdateScrollPosition = 0, this.prerender && (this.$_prerender = !0, this.updateVisibleItems(!1)), this.gridItems && this.itemSize;
+    this.$_startIndex = 0, this.$_endIndex = 0, this.$_views = /* @__PURE__ */ new Map(), this.$_unusedViews = /* @__PURE__ */ new Map(), this.$_scrollDirty = !1, this.$_lastUpdateScrollPosition = 0, this.prerender && (this.$_prerender = !0, this.updateVisibleItems(!1)), this.gridItems && !this.itemSize && console.error("[vue-recycle-scroller] You must provide an itemSize when using gridItems");
   },
   mounted() {
     this.applyPageMode(), this.$nextTick(() => {
@@ -625,6 +628,7 @@ var Pt = {
     },
     itemsLimitError() {
       throw setTimeout(() => {
+        console.log("It seems the scroller element isn't scrolling, so it tries to render all the items at once.", "Scroller:", this.$el), console.log("Make sure the scroller has a fixed height (or width) and 'overflow-y' (or 'overflow-x') set to 'auto' so it can scroll correctly and only render the items visible in the scroll viewport.");
       }), new Error("Rendered items limit reached");
     },
     sortViews() {

package/packages/components/special-range-picker-month/index.js

@@ -32,8 +32,8 @@ const G = () => ({ getDateTime: (o) => {
     isInNewRange: (p) => {
       if (!a.value.begin || !a.value.end || !d.value) return !1;
       const t = l(g(p)), f = l(d.value);
-      let k = l(a.value.begin), C = l(a.value.end);
-      return s.value === "begin" ? (f > k && (k = f), t <= C && t >= k) : (f < C && (C = f), t <= C && t >= k);
+      let k = l(a.value.begin), S = l(a.value.end);
+      return s.value === "begin" ? (f > k && (k = f), t <= S && t >= k) : (f < S && (S = f), t <= S && t >= k);
     },
     outBeginDate: (p) => {
       if (!a.value.begin) return !1;
@@ -86,8 +86,10 @@ const G = () => ({ getDateTime: (o) => {
   }), g = () => {
     var L, M, D;
     o.value = (L = s.value) == null ? void 0 : L.clientWidth;
-    const { top: S = 0, left: R = 0 } = ((M = s.value) == null ? void 0 : M.getBoundingClientRect()) ?? {}, B = (D = s.value) == null ? void 0 : D.clientHeight;
-    n.value.x = R, n.value.y = S + B;
+    const { top: C = 0, left: E = 0 } = ((M = s.value) == null ? void 0 : M.getBoundingClientRect()) ?? {};
+    console.log(C, E, "=============");
+    const B = (D = s.value) == null ? void 0 : D.clientHeight;
+    n.value.x = E, n.value.y = C + B;
   };
   return {
     $dasSpecialRangeMonthPicker: s,
@@ -123,9 +125,9 @@ const G = () => ({ getDateTime: (o) => {
   emits: ["update:modelValue", "change", "update:error", "show-popover"],
   setup(u, { emit: s }) {
     const r = u, o = s, n = m(!1), a = q(r, "modelValue"), d = m(["", ""]), l = q(r, "error"), g = m([]), h = m(void 0);
-    let E = !0;
-    const S = m(0), R = V(() => !r.disabled && !r.isView && a.value[0] && a.value[1]), B = (v, c) => {
-      r.disabled || r.isView || (E = !1, n.value = !0, h.value = c, S.value = 0, d.value = [a.value[0], a.value[1]], o("show-popover"));
+    let R = !0;
+    const C = m(0), E = V(() => !r.disabled && !r.isView && a.value[0] && a.value[1]), B = (v, c) => {
+      r.disabled || r.isView || (R = !1, n.value = !0, h.value = c, C.value = 0, d.value = [a.value[0], a.value[1]], o("show-popover"));
     }, L = () => {
       h.value = void 0;
       const v = D.value;
@@ -136,11 +138,11 @@ const G = () => ({ getDateTime: (o) => {
       isInHoverRange: t,
       isInNewRange: f,
       outBeginDate: k,
-      outEndDate: C,
+      outEndDate: S,
       clickData: J,
       mouseEnter: K,
       mouseLeave: F
-    } = me(d, h, S, a, L), {
+    } = me(d, h, C, a, L), {
       $dasSpecialRangeMonthPicker: Q,
       isHoverInInput: _,
       errorModalBaseSyle: U,
@@ -150,8 +152,8 @@ const G = () => ({ getDateTime: (o) => {
       errorModallInputMouseLeave: O
     } = he(r), ee = () => {
       setTimeout(() => {
-        if (!E) {
-          E = !0;
+        if (!R) {
+          R = !0;
           return;
         }
         d.value = ["", ""], D.value = { begin: a.value[0], end: a.value[1] }, h.value = void 0, n.value = !1;
@@ -236,12 +238,12 @@ const G = () => ({ getDateTime: (o) => {
                     },
                     [
                       $(e(fe), {
-                        class: x(["icon-date", { "has-data": R.value }]),
+                        class: x(["icon-date", { "has-data": E.value }]),
                         size: "medium",
                         "icon-color": e(Y)("--das-ui-color-normal")
                       }, null, 8, ["class", "icon-color"]),
                       $(e(be), {
-                        class: x(["icon-delete", { "has-data": R.value }]),
+                        class: x(["icon-delete", { "has-data": E.value }]),
                         size: "medium",
                         "icon-color": e(Y)("--das-ui-special-range-picker-close-btn"),
                         onClick: ae
@@ -272,7 +274,7 @@ const G = () => ({ getDateTime: (o) => {
                               "new-range": e(f)(i),
                               "range-start": e(M)(e(D).begin) === e(M)(i),
                               "range-end": e(M)(e(D).end) === e(M)(i),
-                              "out-range": e(k)(i) || e(C)(i)
+                              "out-range": e(k)(i) || e(S)(i)
                             }]),
                             onMouseenter: (re) => e(K)(i),
                             onClick: (re) => e(J)(i)