@das-fed/upf-ui 6.4.0-dev.237 → 6.4.0-dev.239

package/packages/components/scrollbar/src/hooks/use-observer.d.ts

@@ -1,4 +1,4 @@
-import { Ref } from "vue";
+import type { Ref } from "vue";
 /** 监听缩放 强制更新滚动条 */
 export declare function useZoomObserver(target: HTMLElement, scrollbarRef: Ref): void;
 export declare function useChildListObserver(target: HTMLElement, scrollbarRef: Ref): void;

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-eacd2106] .das-scrollbar-pro-wrap{display:flex;flex-direction:column;position:relative}.das-scrollbar-pro[data-v-eacd2106] .das-scrollbar-pro-view{flex:1;min-height:0}.das-scrollbar-pro[data-v-eacd2106] .el-scrollbar__bar.is-horizontal{height:var(--das-ui-scrollbar-thumb-size)}.das-scrollbar-pro[data-v-eacd2106] .el-scrollbar__bar.is-vertical{width:var(--das-ui-scrollbar-thumb-size)}.das-scrollbar-pro[data-v-eacd2106] .el-scrollbar__bar{z-index:var(--das-ui-scrollbar-z-index)}.das-scrollbar-pro[data-v-eacd2106] .el-scrollbar__bar .el-scrollbar__thumb{opacity:1;background:var(--das-ui-scrollbar-thumb-color)}.das-scrollbar-pro[data-v-eacd2106] .el-scrollbar__bar:hover .el-scrollbar__thumb,.das-scrollbar-pro[data-v-eacd2106] .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-42955df3] .das-scrollbar-pro-wrap{display:flex;flex-direction:column;position:relative}.das-scrollbar-pro[data-v-42955df3] .das-scrollbar-pro-view{flex:1;min-height:0}.das-scrollbar-pro[data-v-42955df3] .el-scrollbar__bar.is-horizontal{height:var(--das-ui-scrollbar-thumb-size)}.das-scrollbar-pro[data-v-42955df3] .el-scrollbar__bar.is-vertical{width:var(--das-ui-scrollbar-thumb-size)}.das-scrollbar-pro[data-v-42955df3] .el-scrollbar__bar{z-index:var(--das-ui-scrollbar-z-index)}.das-scrollbar-pro[data-v-42955df3] .el-scrollbar__bar .el-scrollbar__thumb{opacity:1;background:var(--das-ui-scrollbar-thumb-color)}.das-scrollbar-pro[data-v-42955df3] .el-scrollbar__bar:hover .el-scrollbar__thumb,.das-scrollbar-pro[data-v-42955df3] .el-scrollbar__bar:active .el-scrollbar__thumb{background:var(--das-ui-scrollbar-thumb-hover-color)}

package/packages/components/search/index.d.ts

@@ -8,14 +8,14 @@ declare const DasSearch: import("@das-fed/upf-utils").SFCWithInstall<import("vue
     size: "large" | "middle" | "small" | "custom" | "middle-l" | "middle-xl";
     disabled: boolean;
     border: boolean;
-    modelValue: string;
     placeholder: string;
+    modelValue: string;
+    isTitle: boolean;
     clearable: boolean;
     suffixIcon: string;
     prefixIcon: string;
     isIconLeft: boolean;
     searchType: "basis";
-    isTitle: boolean;
     isExpandAtFocus: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>>;
 export { DasSearch };

package/packages/components/search/index.js

@@ -1,15 +1,14 @@
 import '@das-fed/upf-ui/packages/components/search/style.css';
-import { withInstall as R } from "@das-fed/upf-utils/with-install/index";
-import { defineComponent as S, ref as o, computed as T, watch as y, openBlock as g, createElementBlock as _, normalizeClass as w, normalizeStyle as N, createVNode as V, unref as v, withCtx as k, mergeProps as O, createBlock as W, createCommentVNode as $, nextTick as P } from "vue";
+import { withInstall as S } from "@das-fed/upf-utils/with-install/index";
+import { defineComponent as R, ref as u, computed as b, watch as y, openBlock as T, createElementBlock as w, normalizeClass as N, normalizeStyle as O, createCommentVNode as B, createVNode as W, unref as m, withCtx as g, mergeProps as P, createBlock as $, nextTick as U } from "vue";
 import "element-plus/es/components/input/style/css";
-import { ElInput as U } from "element-plus";
-import { DasAutoRegisterIcon as j, DasIcon as C } from "@das-fed/upf-ui/packages/components/icon/index";
-import { DasTooltip as q } from "@das-fed/upf-ui/packages/components/tooltip/index";
-import { calcTextWidth as G } from "@das-fed/upf-utils/common-tools";
-import { setThemeRule as H } from "@das-fed/upf-web/packages/theme/index";
+import { ElInput as j } from "element-plus";
+import { DasAutoRegisterIcon as q, DasIcon as C } from "@das-fed/upf-ui/packages/components/icon/index";
+import { DasTooltip as G } from "@das-fed/upf-ui/packages/components/tooltip/index";
+import { calcTextWidth as H } from "@das-fed/upf-utils/common-tools";
 const J = {
   inheritAttrs: !1
-}, K = /* @__PURE__ */ S({
+}, K = /* @__PURE__ */ R({
   ...J,
   __name: "Index",
   props: {
@@ -27,133 +26,131 @@ const J = {
     isExpandAtFocus: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "change"],
-  setup(f, { emit: m }) {
-    const l = f, d = m;
-    j({
+  setup(e, { emit: p }) {
+    const a = e, d = p;
+    q({
       search: import("@das-fed/upf-ui/packages/icons/search"),
       empty: import("@das-fed/upf-ui/packages/icons/empty")
     });
-    const p = o(null), c = o(null), a = T({
-      get: () => l.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);
-    }, B = () => G(l.placeholder, 12);
+    const v = u(null), f = u(null), o = b({
+      get: () => a.modelValue,
+      set: (t) => d("update:modelValue", t)
+    }), n = u(!1), L = b(() => o.value ? o.value : a.placeholder), z = (t) => {
+      let l = t + "";
+      o.value = l, d("change", l);
+    }, k = () => H(a.placeholder, 12);
     y(
-      () => c.value,
-      (e) => {
+      () => f.value,
+      (t) => {
         setTimeout(() => {
-          var n, x;
-          const t = e;
-          t && (s.value = ((n = t == null ? void 0 : t.ref) == null ? void 0 : n.offsetWidth) ?? 0, r.value = a.value ? (x = t == null ? void 0 : t.ref) == null ? void 0 : x.scrollWidth : B());
+          var s, V;
+          const l = t;
+          l && (i.value = ((s = l == null ? void 0 : l.ref) == null ? void 0 : s.offsetWidth) ?? 0, c.value = o.value ? (V = l == null ? void 0 : l.ref) == null ? void 0 : V.scrollWidth : k());
         }, 200);
       }
     );
-    const s = o(0), r = o(0), E = () => {
-      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 : B(), (s.value === r.value || r.value - s.value < 1) && (u.value = !1));
+    const i = u(0), c = u(0), E = () => {
+      U(() => {
+        var t, l, s;
+        (t = f.value) != null && t.ref && (i.value = (l = f.value) == null ? void 0 : l.ref.offsetWidth, c.value = o.value ? (s = f.value) == null ? void 0 : s.ref.scrollWidth : k(), (i.value === c.value || c.value - i.value < 1) && (n.value = !1));
       });
     };
-    y(() => [a.value, l.placeholder], E);
-    const i = o(), A = () => {
-      E(), s.value === r.value || r.value - s.value < 1 ? u.value = !1 : (u.value = !0, i.value && clearTimeout(i.value));
-    }, z = () => {
-      i.value = setTimeout(() => {
-        u.value = !1;
+    y(() => [o.value, a.placeholder], E);
+    const r = u(), A = () => {
+      E(), i.value === c.value || c.value - i.value < 1 ? n.value = !1 : (n.value = !0, r.value && clearTimeout(r.value));
+    }, F = () => {
+      r.value = setTimeout(() => {
+        n.value = !1;
       }, 200);
     };
     y(
       () => {
-        var e;
-        return (e = p.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
+        var t;
+        return (t = v.value) == null ? void 0 : t.$tooltipRef.popperRef.contentRef;
       },
-      (e) => {
-        e && (e.addEventListener("mouseenter", function() {
-          u.value = !0, i.value && clearTimeout(i.value);
-        }), e.addEventListener("mouseleave", function() {
-          i.value = setTimeout(() => {
-            u.value = !1;
+      (t) => {
+        t && (t.addEventListener("mouseenter", function() {
+          n.value = !0, r.value && clearTimeout(r.value);
+        }), t.addEventListener("mouseleave", function() {
+          r.value = setTimeout(() => {
+            n.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 = () => {
-      !I.value || s.value > 400 || (h.value = "400px", b.value = !0);
-    }, M = (e) => {
-      I.value && (h.value = "", b.value = !1);
+    const h = u(""), x = u(!1), I = b(() => a.isExpandAtFocus === !0), D = () => {
+      !I.value || i.value > 400 || (h.value = "400px", x.value = !0);
+    }, M = () => {
+      I.value && (h.value = "", x.value = !1);
     };
-    return (e, t) => (g(), _("div", {
-      class: w(`das-ui-search ${e.size}`),
-      style: N({ width: I.value && b.value ? h.value : "" })
-    }, [
-      V(v(q), {
-        ref_key: "inputTooltipRef",
-        ref: p,
-        effect: "light",
-        placement: "top",
-        manual: !0,
-        visible: u.value,
-        disabled: e.isExpandAtFocus || !e.isTitle,
-        content: F.value
-      }, {
-        default: k(() => [
-          V(v(U), O({
-            ref_key: "$refInput",
-            ref: c
-          }, e.$attrs, {
-            placeholder: e.placeholder,
-            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),
-            disabled: e.disabled,
-            onChange: L,
-            clearable: l.clearable,
-            onFocus: D,
-            onBlur: M,
-            onMouseenter: A,
-            onMouseleave: z
-          }), {
-            prefix: k(() => [
-              e.isIconLeft ? (g(), W(v(C), {
-                key: 0,
-                icon: e.prefixIcon ? e.prefixIcon : "search"
-              }, null, 8, ["icon"])) : $("", !0)
-            ]),
-            suffix: k(() => [
-              e.isIconLeft ? $("", !0) : (g(), W(v(C), {
-                key: 0,
-                icon: e.suffixIcon ? e.suffixIcon : "search",
-                style: { cursor: "pointer" }
-              }, null, 8, ["icon"]))
-            ]),
-            _: 1
-          }, 16, ["placeholder", "class", "modelValue", "disabled", "clearable"])
-        ]),
-        _: 1
-      }, 8, ["visible", "disabled", "content"])
-    ], 6));
+    return (t, l) => (T(), w(
+      "div",
+      {
+        class: N(`das-ui-search ${e.size}`),
+        style: O({ width: I.value && x.value ? h.value : "" })
+      },
+      [
+        B(" 这里tooltip不能使用v-model:visible 有响应问题 "),
+        W(m(G), {
+          ref_key: "inputTooltipRef",
+          ref: v,
+          effect: "light",
+          placement: "top",
+          manual: !0,
+          visible: n.value,
+          disabled: e.isExpandAtFocus || !e.isTitle,
+          content: L.value
+        }, {
+          default: g(() => [
+            W(m(j), P({
+              ref_key: "$refInput",
+              ref: f
+            }, t.$attrs, {
+              placeholder: e.placeholder,
+              type: "text",
+              class: `main-input ${e.size} ${e.border ? "border" : ""} ${e.isIconLeft ? "left" : ""}`,
+              modelValue: o.value,
+              "onUpdate:modelValue": l[0] || (l[0] = (s) => o.value = s),
+              disabled: e.disabled,
+              onChange: z,
+              clearable: a.clearable,
+              onFocus: D,
+              onBlur: M,
+              onMouseenter: A,
+              onMouseleave: F
+            }), {
+              prefix: g(() => [
+                e.isIconLeft ? (T(), $(m(C), {
+                  key: 0,
+                  icon: e.prefixIcon ? e.prefixIcon : "search"
+                }, null, 8, ["icon"])) : B("v-if", !0)
+              ]),
+              suffix: g(() => [
+                e.isIconLeft ? B("v-if", !0) : (T(), $(m(C), {
+                  key: 0,
+                  icon: e.suffixIcon ? e.suffixIcon : "search",
+                  style: { cursor: "pointer" }
+                }, null, 8, ["icon"]))
+              ]),
+              _: 1
+              /* STABLE */
+            }, 16, ["placeholder", "class", "modelValue", "disabled", "clearable"])
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["visible", "disabled", "content"])
+      ],
+      6
+      /* CLASS, STYLE */
+    ));
   }
-}), Q = (f, m) => {
-  const l = f.__vccOpts || f;
-  for (const [d, p] of m)
-    l[d] = p;
-  return l;
-}, X = /* @__PURE__ */ Q(K, [["__scopeId", "data-v-8d1d38fa"]]), Y = {
-  "--demo-alert-bg": {
-    light: "#fff",
-    dark: "rgba(255,255,255,.2)"
-  },
-  "--das-ui-search-border": "#d9d9d9",
-  "--das-ui-search-icon": "#b2b2b2",
-  "--das-ui-search-text": "#212121",
-  "--das-ui-search-border-active": "#5582F3"
-};
-H(Y);
-const ne = R(X);
+}), Q = (e, p) => {
+  const a = e.__vccOpts || e;
+  for (const [d, v] of p)
+    a[d] = v;
+  return a;
+}, X = /* @__PURE__ */ Q(K, [["__scopeId", "data-v-e7df88a6"]]), oe = S(X);
 export {
-  ne as DasSearch,
-  ne as default
+  oe as DasSearch,
+  oe as default
 };

package/packages/components/search/src/Index.vue.d.ts

@@ -10,14 +10,14 @@ declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, imp
     size: "large" | "middle" | "small" | "custom" | "middle-l" | "middle-xl";
     disabled: boolean;
     border: boolean;
-    modelValue: string;
     placeholder: string;
+    modelValue: string;
+    isTitle: boolean;
     clearable: boolean;
     suffixIcon: string;
     prefixIcon: string;
     isIconLeft: boolean;
     searchType: "basis";
-    isTitle: boolean;
     isExpandAtFocus: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/packages/components/search/src/type.d.ts

@@ -3,7 +3,7 @@ export interface Props {
   modelValue: string
 
   
-  border: boolean
+  border?: boolean
 
   
   searchType?: 'basis'
@@ -12,28 +12,28 @@ export interface Props {
   placeholder?: string
 
   
-  size: 'large' | 'middle' | 'small' | 'custom' | 'middle-l' | 'middle-xl'
+  size?: 'large' | 'middle' | 'small' | 'custom' | 'middle-l' | 'middle-xl'
 
   
-  disabled: boolean
+  disabled?: boolean
 
   
-  clearable: boolean
+  clearable?: boolean
 
   
-  prefixIcon: string
+  prefixIcon?: string
 
   
-  suffixIcon: string
+  suffixIcon?: string
 
   
-  isIconLeft: boolean
+  isIconLeft?: boolean
 
   
   isTitle?: boolean
 
   
-  isExpandAtFocus: boolean
+  isExpandAtFocus?: boolean
 }
 
 export interface Emits {

package/packages/components/search/style.css

@@ -1 +1 @@
-.das-ui-search[data-v-8d1d38fa]{position:relative;transition:width .3s ease}.das-ui-search[data-v-8d1d38fa] .el-input__inner{font-size:12px}.das-ui-search.small[data-v-8d1d38fa]{width:200px}.das-ui-search.small[data-v-8d1d38fa] .el-input__inner{font-size:12px}.das-ui-search.large[data-v-8d1d38fa]{width:320px}.das-ui-search.large[data-v-8d1d38fa] .el-input__inner{font-size:16px}.das-ui-search.middle[data-v-8d1d38fa]{width:260px}.das-ui-search[data-v-8d1d38fa] .el-input{border-width:0 0 1px 0!important;border-color:var(--das-ui-search-border);box-shadow:none!important;outline:none}.das-ui-search[data-v-8d1d38fa] .el-input.is-disabled .el-input__wrapper{background:transparent}.das-ui-search[data-v-8d1d38fa] .el-input .el-input__wrapper{border-radius:0;box-shadow:none!important;padding:0 0 1px}.das-ui-search[data-v-8d1d38fa] .el-input .el-input__wrapper.is-focus .el-input__prefix .el-input__prefix-inner .das-icon,.das-ui-search[data-v-8d1d38fa] .el-input .el-input__wrapper.is-focus .el-input__suffix .el-input__suffix-inner .das-icon:not(.close-icon){color:var(--das-ui-search-border-active)}.das-ui-search[data-v-8d1d38fa] .el-input .el-input__wrapper .el-input__inner{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--das-ui-search-text)}.das-ui-search[data-v-8d1d38fa] .el-input .el-input__wrapper .el-input__suffix .el-input__suffix-inner .el-input__clear{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1685934237687'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='2634'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M512%20128c212.064%200%20384%20171.936%20384%20384s-171.936%20384-384%20384S128%20724.064%20128%20512%20299.936%20128%20512%20128z%20m-140.384%20198.72a32%2032%200%200%200-42.24%202.656l-2.656%203.008a32%2032%200%200%200%202.656%2042.24L466.72%20512l-137.344%20137.376a32%2032%200%200%200%2045.248%2045.248L512%20557.28l137.376%20137.344%203.008%202.656a32%2032%200%200%200%2042.24-2.656l2.656-3.008a32%2032%200%200%200-2.656-42.24L557.28%20512l137.344-137.376a32%2032%200%200%200-45.248-45.248L512%20466.72l-137.376-137.344z'%20fill='%23d9d9d9'%20fill-opacity='1'%20p-id='2635'%3e%3c/path%3e%3c/svg%3e");background-size:cover;width:16px;height:16px}.das-ui-search[data-v-8d1d38fa] .el-input .el-input__wrapper .el-input__suffix .el-input__suffix-inner .el-input__clear:hover{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1685934237687'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='2634'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M512%20128c212.064%200%20384%20171.936%20384%20384s-171.936%20384-384%20384S128%20724.064%20128%20512%20299.936%20128%20512%20128z%20m-140.384%20198.72a32%2032%200%200%200-42.24%202.656l-2.656%203.008a32%2032%200%200%200%202.656%2042.24L466.72%20512l-137.344%20137.376a32%2032%200%200%200%2045.248%2045.248L512%20557.28l137.376%20137.344%203.008%202.656a32%2032%200%200%200%2042.24-2.656l2.656-3.008a32%2032%200%200%200-2.656-42.24L557.28%20512l137.344-137.376a32%2032%200%200%200-45.248-45.248L512%20466.72l-137.376-137.344z'%20fill='%23999999'%20fill-opacity='1'%20p-id='2635'%3e%3c/path%3e%3c/svg%3e")}.das-ui-search[data-v-8d1d38fa] .el-input.border{border-radius:2px;border-width:1px!important}.das-ui-search[data-v-8d1d38fa] .el-input.border .el-input__wrapper{padding:0 5px 0 8px}.das-ui-search[data-v-8d1d38fa] .el-input:not(.is-disabled):hover,.das-ui-search[data-v-8d1d38fa] .el-input:not(.is-disabled):active,.das-ui-search[data-v-8d1d38fa] .el-input:not(.is-disabled):focus{border-color:var(--das-ui-search-border-active)}.das-ui-search[data-v-8d1d38fa] .el-input:not(.is-disabled):hover.el-input__prefix .el-input__suffix-inner .das-icon,.das-ui-search[data-v-8d1d38fa] .el-input:not(.is-disabled):hover.el-input__suffix .el-input__suffix-inner .das-icon:not(.close-icon),.das-ui-search[data-v-8d1d38fa] .el-input:not(.is-disabled):active.el-input__prefix .el-input__suffix-inner .das-icon,.das-ui-search[data-v-8d1d38fa] .el-input:not(.is-disabled):active.el-input__suffix .el-input__suffix-inner .das-icon:not(.close-icon),.das-ui-search[data-v-8d1d38fa] .el-input:not(.is-disabled):focus.el-input__prefix .el-input__suffix-inner .das-icon,.das-ui-search[data-v-8d1d38fa] .el-input:not(.is-disabled):focus.el-input__suffix .el-input__suffix-inner .das-icon:not(.close-icon){color:var(--das-ui-search-border-active)}.das-ui-search[data-v-8d1d38fa] .el-input.el-input__suffix{padding:0 0 1px;box-sizing:border-box}.das-ui-search[data-v-8d1d38fa] .el-input.el-input__suffix.border{padding:5px}.das-ui-search[data-v-8d1d38fa] .el-input.el-input__suffix.left .el-input__suffix .das-icon.close-icon{margin-right:0}.das-ui-search[data-v-8d1d38fa] .el-input.el-input__suffix .el-input__prefix .das-icon{color:var(--das-ui-search-icon)}.das-ui-search[data-v-8d1d38fa] .el-input.el-input__suffix .el-input__prefix .das-icon:hover{color:var(--das-ui-search-border-active)}.das-ui-search[data-v-8d1d38fa] .el-input.small .el-input__inner{height:22px}.das-ui-search[data-v-8d1d38fa] .el-input.middle .el-input__inner,.das-ui-search[data-v-8d1d38fa] .el-input.custom .el-input__inner{height:26px}.das-ui-search[data-v-8d1d38fa] .el-input.middle-l .el-input__inner{height:28px}.das-ui-search[data-v-8d1d38fa] .el-input.middle-xl .el-input__inner{height:30px}.das-ui-search[data-v-8d1d38fa] .el-input.large .el-input__inner{height:34px}.das-ui-search[data-v-8d1d38fa] .el-input .el-input__wrapper .el-input__inner{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.das-ui-search[data-v-8d1d38fa] .el-input .el-input__wrapper .el-input__suffix .el-input__suffix-inner .el-input__clear{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1685934237687'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='2634'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M512%20128c212.064%200%20384%20171.936%20384%20384s-171.936%20384-384%20384S128%20724.064%20128%20512%20299.936%20128%20512%20128z%20m-140.384%20198.72a32%2032%200%200%200-42.24%202.656l-2.656%203.008a32%2032%200%200%200%202.656%2042.24L466.72%20512l-137.344%20137.376a32%2032%200%200%200%2045.248%2045.248L512%20557.28l137.376%20137.344%203.008%202.656a32%2032%200%200%200%2042.24-2.656l2.656-3.008a32%2032%200%200%200-2.656-42.24L557.28%20512l137.344-137.376a32%2032%200%200%200-45.248-45.248L512%20466.72l-137.376-137.344z'%20fill='%23d9d9d9'%20fill-opacity='1'%20p-id='2635'%3e%3c/path%3e%3c/svg%3e");background-size:cover;width:16px;height:16px}.das-ui-search[data-v-8d1d38fa] .el-input .el-input__wrapper .el-input__suffix .el-input__suffix-inner .el-input__clear:hover{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1685934237687'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='2634'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M512%20128c212.064%200%20384%20171.936%20384%20384s-171.936%20384-384%20384S128%20724.064%20128%20512%20299.936%20128%20512%20128z%20m-140.384%20198.72a32%2032%200%200%200-42.24%202.656l-2.656%203.008a32%2032%200%200%200%202.656%2042.24L466.72%20512l-137.344%20137.376a32%2032%200%200%200%2045.248%2045.248L512%20557.28l137.376%20137.344%203.008%202.656a32%2032%200%200%200%2042.24-2.656l2.656-3.008a32%2032%200%200%200-2.656-42.24L557.28%20512l137.344-137.376a32%2032%200%200%200-45.248-45.248L512%20466.72l-137.376-137.344z'%20fill='%23999999'%20fill-opacity='1'%20p-id='2635'%3e%3c/path%3e%3c/svg%3e")}.das-ui-search[data-v-8d1d38fa] .el-input .el-input__wrapper .el-input__suffix .el-input__suffix-inner .el-input__clear svg{display:none}
+.das-ui-search[data-v-e7df88a6]{--upf-search-border-color: var(--upf-border-color);--upf-search-border-active-color: var(--upf-color-primary);--upf-search-text-color: var(--upf-text-primary);--upf-search-icon-color: var(--upf-text-placeholder);position:relative;transition:width .3s ease}.das-ui-search[data-v-e7df88a6] .el-input__inner{font-size:12px}.das-ui-search.small[data-v-e7df88a6]{width:200px}.das-ui-search.small[data-v-e7df88a6] .el-input__inner{font-size:12px}.das-ui-search.large[data-v-e7df88a6]{width:320px}.das-ui-search.large[data-v-e7df88a6] .el-input__inner{font-size:16px}.das-ui-search.middle[data-v-e7df88a6]{width:260px}.das-ui-search[data-v-e7df88a6] .el-input{border-width:0 0 1px 0!important;border-color:var(--upf-search-border-color);box-shadow:none!important;outline:none}.das-ui-search[data-v-e7df88a6] .el-input.is-disabled .el-input__wrapper{background:transparent}.das-ui-search[data-v-e7df88a6] .el-input .el-input__wrapper{border-radius:0;box-shadow:none!important;padding:0 0 1px}.das-ui-search[data-v-e7df88a6] .el-input .el-input__wrapper.is-focus .el-input__prefix .el-input__prefix-inner .das-icon,.das-ui-search[data-v-e7df88a6] .el-input .el-input__wrapper.is-focus .el-input__suffix .el-input__suffix-inner .das-icon:not(.close-icon){color:var(--upf-search-border-active-color)}.das-ui-search[data-v-e7df88a6] .el-input .el-input__wrapper .el-input__inner{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--upf-search-text-color)}.das-ui-search[data-v-e7df88a6] .el-input .el-input__wrapper .el-input__suffix .el-input__suffix-inner .el-input__clear{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1685934237687'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='2634'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M512%20128c212.064%200%20384%20171.936%20384%20384s-171.936%20384-384%20384S128%20724.064%20128%20512%20299.936%20128%20512%20128z%20m-140.384%20198.72a32%2032%200%200%200-42.24%202.656l-2.656%203.008a32%2032%200%200%200%202.656%2042.24L466.72%20512l-137.344%20137.376a32%2032%200%200%200%2045.248%2045.248L512%20557.28l137.376%20137.344%203.008%202.656a32%2032%200%200%200%2042.24-2.656l2.656-3.008a32%2032%200%200%200-2.656-42.24L557.28%20512l137.344-137.376a32%2032%200%200%200-45.248-45.248L512%20466.72l-137.376-137.344z'%20fill='%23d9d9d9'%20fill-opacity='1'%20p-id='2635'%3e%3c/path%3e%3c/svg%3e");background-size:cover;width:16px;height:16px}.das-ui-search[data-v-e7df88a6] .el-input .el-input__wrapper .el-input__suffix .el-input__suffix-inner .el-input__clear:hover{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1685934237687'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='2634'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M512%20128c212.064%200%20384%20171.936%20384%20384s-171.936%20384-384%20384S128%20724.064%20128%20512%20299.936%20128%20512%20128z%20m-140.384%20198.72a32%2032%200%200%200-42.24%202.656l-2.656%203.008a32%2032%200%200%200%202.656%2042.24L466.72%20512l-137.344%20137.376a32%2032%200%200%200%2045.248%2045.248L512%20557.28l137.376%20137.344%203.008%202.656a32%2032%200%200%200%2042.24-2.656l2.656-3.008a32%2032%200%200%200-2.656-42.24L557.28%20512l137.344-137.376a32%2032%200%200%200-45.248-45.248L512%20466.72l-137.376-137.344z'%20fill='%23999999'%20fill-opacity='1'%20p-id='2635'%3e%3c/path%3e%3c/svg%3e")}.das-ui-search[data-v-e7df88a6] .el-input.border{border-radius:2px;border-width:1px!important}.das-ui-search[data-v-e7df88a6] .el-input.border .el-input__wrapper{padding:0 5px 0 8px}.das-ui-search[data-v-e7df88a6] .el-input:not(.is-disabled):hover,.das-ui-search[data-v-e7df88a6] .el-input:not(.is-disabled):active,.das-ui-search[data-v-e7df88a6] .el-input:not(.is-disabled):focus{border-color:var(--upf-search-border-active-color)}.das-ui-search[data-v-e7df88a6] .el-input:not(.is-disabled):hover.el-input__prefix .el-input__suffix-inner .das-icon,.das-ui-search[data-v-e7df88a6] .el-input:not(.is-disabled):hover.el-input__suffix .el-input__suffix-inner .das-icon:not(.close-icon),.das-ui-search[data-v-e7df88a6] .el-input:not(.is-disabled):active.el-input__prefix .el-input__suffix-inner .das-icon,.das-ui-search[data-v-e7df88a6] .el-input:not(.is-disabled):active.el-input__suffix .el-input__suffix-inner .das-icon:not(.close-icon),.das-ui-search[data-v-e7df88a6] .el-input:not(.is-disabled):focus.el-input__prefix .el-input__suffix-inner .das-icon,.das-ui-search[data-v-e7df88a6] .el-input:not(.is-disabled):focus.el-input__suffix .el-input__suffix-inner .das-icon:not(.close-icon){color:var(--upf-search-border-active-color)}.das-ui-search[data-v-e7df88a6] .el-input.el-input__suffix{padding:0 0 1px;box-sizing:border-box}.das-ui-search[data-v-e7df88a6] .el-input.el-input__suffix.border{padding:5px}.das-ui-search[data-v-e7df88a6] .el-input.el-input__suffix.left .el-input__suffix .das-icon.close-icon{margin-right:0}.das-ui-search[data-v-e7df88a6] .el-input.el-input__suffix .el-input__prefix .das-icon{color:var(--upf-search-icon-color)}.das-ui-search[data-v-e7df88a6] .el-input.el-input__suffix .el-input__prefix .das-icon:hover{color:var(--upf-search-border-active-color)}.das-ui-search[data-v-e7df88a6] .el-input.small .el-input__inner{height:22px}.das-ui-search[data-v-e7df88a6] .el-input.middle .el-input__inner,.das-ui-search[data-v-e7df88a6] .el-input.custom .el-input__inner{height:26px}.das-ui-search[data-v-e7df88a6] .el-input.middle-l .el-input__inner{height:28px}.das-ui-search[data-v-e7df88a6] .el-input.middle-xl .el-input__inner{height:30px}.das-ui-search[data-v-e7df88a6] .el-input.large .el-input__inner{height:34px}.das-ui-search[data-v-e7df88a6] .el-input .el-input__wrapper .el-input__inner{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.das-ui-search[data-v-e7df88a6] .el-input .el-input__wrapper .el-input__suffix .el-input__suffix-inner .el-input__clear{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1685934237687'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='2634'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M512%20128c212.064%200%20384%20171.936%20384%20384s-171.936%20384-384%20384S128%20724.064%20128%20512%20299.936%20128%20512%20128z%20m-140.384%20198.72a32%2032%200%200%200-42.24%202.656l-2.656%203.008a32%2032%200%200%200%202.656%2042.24L466.72%20512l-137.344%20137.376a32%2032%200%200%200%2045.248%2045.248L512%20557.28l137.376%20137.344%203.008%202.656a32%2032%200%200%200%2042.24-2.656l2.656-3.008a32%2032%200%200%200-2.656-42.24L557.28%20512l137.344-137.376a32%2032%200%200%200-45.248-45.248L512%20466.72l-137.376-137.344z'%20fill='%23d9d9d9'%20fill-opacity='1'%20p-id='2635'%3e%3c/path%3e%3c/svg%3e");background-size:cover;width:16px;height:16px}.das-ui-search[data-v-e7df88a6] .el-input .el-input__wrapper .el-input__suffix .el-input__suffix-inner .el-input__clear:hover{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1685934237687'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='2634'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M512%20128c212.064%200%20384%20171.936%20384%20384s-171.936%20384-384%20384S128%20724.064%20128%20512%20299.936%20128%20512%20128z%20m-140.384%20198.72a32%2032%200%200%200-42.24%202.656l-2.656%203.008a32%2032%200%200%200%202.656%2042.24L466.72%20512l-137.344%20137.376a32%2032%200%200%200%2045.248%2045.248L512%20557.28l137.376%20137.344%203.008%202.656a32%2032%200%200%200%2042.24-2.656l2.656-3.008a32%2032%200%200%200-2.656-42.24L557.28%20512l137.344-137.376a32%2032%200%200%200-45.248-45.248L512%20466.72l-137.376-137.344z'%20fill='%23999999'%20fill-opacity='1'%20p-id='2635'%3e%3c/path%3e%3c/svg%3e")}.das-ui-search[data-v-e7df88a6] .el-input .el-input__wrapper .el-input__suffix .el-input__suffix-inner .el-input__clear svg{display:none}

package/packages/components/search-form/index.d.ts

@@ -0,0 +1,5 @@
+/** 获取组件实例 */
+declare const DasSearchFormRef: () => import("vue").Ref<any, any>;
+declare const DasSearchForm: any;
+export { DasSearchForm, DasSearchFormRef };
+export default DasSearchForm;