@das-fed/upf-ui 6.4.0-dev.238 → 6.4.0-dev.240

package/packages/components/input/src/hooks/use-overflow-tip.d.ts

@@ -1,5 +1,5 @@
 import { ElInput } from 'element-plus';
-import { Ref } from 'vue';
+import type { Ref } from 'vue';
 /**
  * @description 校验输入框是否溢出时省略提示
  */

package/packages/components/input/src/index.vue.d.ts

@@ -1,6 +1,16 @@
 import 'element-plus/es/components/input/style/css';
 import type { Props } from './type';
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {
+declare var __VLS_14: {}, __VLS_16: {}, __VLS_18: {}, __VLS_20: {};
+type __VLS_Slots = {} & {
+    prepend?: (props: typeof __VLS_14) => any;
+} & {
+    append?: (props: typeof __VLS_16) => any;
+} & {
+    suffix?: (props: typeof __VLS_18) => any;
+} & {
+    prefix?: (props: typeof __VLS_20) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<Props, {
     elInputRef: import("vue").Ref<import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         readonly id: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
         readonly size: {
@@ -1399,30 +1409,23 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {
     disabled: boolean;
     placeholder: string;
     modelValue: any;
+    isView: boolean;
+    borderType: "bottom" | "bordered";
+    errorLabel: string;
+    isErrorTitle: boolean;
+    isTitle: boolean;
+    errorMode: "default" | "overlay";
+    errorModelZIndex: number;
+    noSetDefaultVal: boolean;
     autosize: boolean | {
         minRows?: number;
         maxRows?: number;
     };
     showWordLimit: boolean;
-    isView: boolean;
-    noSetDefaultVal: boolean;
-    errorMode: "default" | "overlay";
-    errorModelZIndex: number;
-    borderType: "bottom" | "bordered";
-    errorLabel: string;
-    isTitle: boolean;
-    isErrorTitle: boolean;
     showTextWordLimit: boolean;
     filterSpace: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    prepend?: (props: {}) => any;
-} & {
-    append?: (props: {}) => any;
-} & {
-    suffix?: (props: {}) => any;
-} & {
-    prefix?: (props: {}) => any;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/packages/components/input/style.css

@@ -1 +1,9 @@
-.das-ui-input[data-v-62991ba4]{--das-input-base-border-color: #d9d9d9;--das-input-active-border-color: #2068ed;--das-input-font-color: #212121;--das-input-sub-font-color: #b2b2b2;--das-input-disabled-bg-color: #f5f5f5;--das-input-count-color: #9e9e9e;--das-input-message-font-size: 12px;position:relative;display:inline-block;width:var(--das-input-width)}.das-ui-input[data-v-62991ba4] .el-input{height:var(--das-input-height);line-height:var(--das-input-height);font-size:var(--das-input-font-size)}.das-ui-input[data-v-62991ba4] .el-input .el-input__inner{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--das-input-font-color);-webkit-text-fill-color:var(--das-input-font-color)}.das-ui-input[data-v-62991ba4] .el-input .el-input__inner::placeholder{color:var(--das-input-sub-font-color);-webkit-text-fill-color:var(--das-input-sub-font-color)}.das-ui-input[data-v-62991ba4] .el-input .el-input__inner::-webkit-input-placeholder{color:var(--das-input-sub-font-color);-webkit-text-fill-color:var(--das-input-sub-font-color)}.das-ui-input[data-v-62991ba4] .el-input .el-input__count{color:var(--das-input-count-color)}.das-ui-input.das-ui-textarea[data-v-62991ba4] .el-textarea .el-textarea__inner{color:var(--das-input-font-color);font-size:var(--das-input-font-size);padding:8px;line-height:22px;min-height:80px!important}.das-ui-input.das-ui-textarea[data-v-62991ba4] .el-textarea .el-input__count{color:var(--das-input-count-color);font-size:var(--das-input-font-size);bottom:12px;padding-left:5px}.das-ui-input.das-ui-textarea[data-v-62991ba4] .el-textarea.das-input-error .el-textarea__inner,.das-ui-input.das-ui-textarea[data-v-62991ba4] .el-textarea.das-input-error .el-textarea__inner:hover{box-shadow:0 0 0 1px var(--das-ui-input-error-color) inset}.das-ui-input.das-ui-textarea[data-v-62991ba4] .el-textarea.das-input-success .el-textarea__inner,.das-ui-input.das-ui-textarea[data-v-62991ba4] .el-textarea.das-input-success .el-textarea__inner:hover{box-shadow:0 0 0 1px var(--das-ui-input-success-color) inset}.das-ui-input.das-ui-textarea[data-v-62991ba4] .el-textarea textarea::-webkit-scrollbar{width:8px;height:8px;background-color:transparent}.das-ui-input.das-ui-textarea[data-v-62991ba4] .el-textarea textarea::-webkit-scrollbar-corner{background-color:#0000}.das-ui-input.das-ui-textarea[data-v-62991ba4] .el-textarea textarea::-webkit-scrollbar-thumb{border-radius:16px;border:4px solid #b2b2b2;background-clip:content-box;background-color:#9999994d}.das-ui-input--border-type-bordered[data-v-62991ba4] .el-input .el-input__wrapper{border-radius:2px;padding:0 8px;box-shadow:0 0 0 1px var(--das-input-border-color, var(--das-input-base-border-color)) inset}.das-ui-input--border-type-bordered[data-v-62991ba4] .el-input .el-input__wrapper.is-focus,.das-ui-input--border-type-bordered[data-v-62991ba4] .el-input .el-input__wrapper:hover{box-shadow:0 0 0 1px var(--das-input-border-color, var(--das-input-active-border-color)) inset}.das-ui-input--border-type-bordered[data-v-62991ba4] .el-textarea .el-textarea__inner{border-radius:4px;box-shadow:0 0 0 1px var(--das-input-border-color, var(--das-input-base-border-color)) inset}.das-ui-input--border-type-bordered[data-v-62991ba4] .el-textarea .el-textarea__inner:focus{box-shadow:0 0 0 1px var(--das-input-border-color, var(--das-input-active-border-color)) inset}.das-ui-input--border-type-bordered[data-v-62991ba4] .el-textarea .el-textarea__inner:hover{box-shadow:0 0 0 1px var(--das-input-border-color, var(--das-input-active-border-color)) inset}.das-ui-input--border-type-bottom[data-v-62991ba4] .el-input .el-input__wrapper{padding:0;border-radius:0;box-shadow:0 -1px 0 0 var(--das-input-border-color, var(--das-input-base-border-color)) inset}.das-ui-input--border-type-bottom[data-v-62991ba4] .el-input .el-input__wrapper.is-focus,.das-ui-input--border-type-bottom[data-v-62991ba4] .el-input .el-input__wrapper:hover{box-shadow:0 -1px 0 0 var(--das-input-border-color, var(--das-input-active-border-color)) inset}.das-ui-input--border-type-bottom[data-v-62991ba4] .el-textarea .el-textarea__inner{border-radius:0;box-shadow:0 -1px 0 0 var(--das-input-border-color, var(--das-input-base-border-color)) inset}.das-ui-input--border-type-bottom[data-v-62991ba4] .el-textarea .el-textarea__inner:focus{box-shadow:0 -1px 0 0 var(--das-input-border-color, var(--das-input-active-border-color)) inset}.das-ui-input--border-type-bottom[data-v-62991ba4] .el-textarea .el-textarea__inner:hover{box-shadow:0 -1px 0 0 var(--das-input-border-color, var(--das-input-active-border-color)) inset}.das-ui-input--view[data-v-62991ba4] .el-input .el-input__inner{cursor:default}.das-ui-input--disabled[data-v-62991ba4] .el-input .el-input__wrapper{background-color:var(--das-input-disabled-bg-color)}.das-ui-input--disabled[data-v-62991ba4] .el-input .el-input__inner{color:var(--das-input-sub-font-color);-webkit-text-fill-color:var(--das-input-sub-font-color)}.das-ui-input--disabled.das-ui-textarea[data-v-62991ba4] .el-textarea .el-textarea__inner{color:var(--das-input-sub-font-color);background-color:var(--das-input-disabled-bg-color)}.das-ui-input .das-input-message[data-v-62991ba4]{color:var(--das-input-message-color);font-size:var(--das-input-message-font-size);padding-top:4px}.das-ui-input .das-input-message_content[data-v-62991ba4]{line-height:18px;display:block;white-space:break-spaces}.das-ui-input .das-input-message_content.is-ellipsis[data-v-62991ba4]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.das-ui-input[data-v-62991ba4] .el-input__prefix .el-input__prefix-inner{color:var(--das-input-sub-font-color)}.das-ui-input[data-v-62991ba4] .el-input__prefix .el-input__prefix-inner>:last-child{margin-right:4px}.das-ui-input[data-v-62991ba4] .el-input__suffix .el-input__suffix-inner{color:var(--das-input-sub-font-color)}.das-ui-input[data-v-62991ba4] .el-input__suffix .el-input__suffix-inner>:first-child{margin-left:4px}.das-ui-input[data-v-62991ba4] .el-input-group--prepend .el-input-group__prepend{padding:0 8px;border-radius:2px 0 0 2px;box-shadow:1px 0 0 0 var(--das-input-base-border-color) inset,0 1px 0 0 var(--das-input-base-border-color) inset,0 -1px 0 0 var(--das-input-base-border-color) inset;background-color:transparent}.das-ui-input[data-v-62991ba4] .el-input-group--prepend>.el-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.das-ui-input[data-v-62991ba4] .el-input-group--append .el-input-group__append{padding:0 8px;border-radius:0 2px 2px 0;box-shadow:0 1px 0 0 var(--das-input-base-border-color) inset,0 -1px 0 0 var(--das-input-base-border-color) inset,-1px 0 0 0 var(--das-input-base-border-color) inset;background-color:transparent}.das-ui-input[data-v-62991ba4] .el-input-group--append>.el-input__wrapper{border-top-right-radius:0;border-bottom-right-radius:0}.das-ui-input[data-v-62991ba4] .el-input .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-input[data-v-62991ba4] .el-input .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-input[data-v-62991ba4] .el-input .el-input__clear svg{display:none}
+.das-ui-tooltip-popper.el-popper{max-width:360px;box-shadow:0 4px 10px 0 var(--upf-text-tooltip-shadow-color, rgba(38, 38, 38, .16));border:1px solid var(--upf-text-tooltip-border, var(--upf-border-color, #d9d9d9));font-size:var(--das-ui-font-size-sm);padding:0;border-radius:var(--upf-border-radius, 4px)}.das-ui-tooltip-popper.el-popper .el-popper__arrow{width:10px;height:10px}.das-ui-tooltip-popper.el-popper[data-popper-placement^=top]>.el-popper__arrow{bottom:-5px!important}.das-ui-tooltip-popper.el-popper[data-popper-placement^=bottom]>.el-popper__arrow{top:-5px!important}.das-ui-tooltip-popper.el-popper[data-popper-placement^=left]>.el-popper__arrow{right:-5px!important}.das-ui-tooltip-popper.el-popper[data-popper-placement^=right]>.el-popper__arrow{left:-5px!important}.das-ui-tooltip-popper.el-popper .das-popper-content{padding:7px 12px}.das-ui-tooltip-popper.el-popper .max-height{max-height:298px}.das-ui-tooltip-popper.el-popper.is-light{color:var(--upf-text-tooltip-text, var(--upf-text-primary, #212121));background-color:var(--upf-text-tooltip-bg, var(--upf-bg-elevated, #ffffff))}.das-ui-tooltip-popper.el-popper.is-light:after{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;content:"";background:var(--upf-text-tooltip-bg, var(--upf-bg-elevated, #ffffff));border-radius:inherit}.das-ui-tooltip-popper.el-popper.is-light .el-popper__arrow:before{height:10px;width:10px;background-color:var(--upf-text-tooltip-bg, var(--upf-bg-elevated, #ffffff));border-color:var(--upf-text-tooltip-border, var(--upf-border-color, #d9d9d9));border-radius:0!important}.das-ui-tooltip-popper.el-popper.is-light[data-popper-placement^=top] .el-popper__arrow:before{box-shadow:2px 2px 5px var(--upf-text-tooltip-shadow-color, rgba(38, 38, 38, .16))}.das-ui-tooltip-popper.el-popper.is-light[data-popper-placement^=bottom] .el-popper__arrow:before{box-shadow:-2px -2px 5px var(--upf-text-tooltip-shadow-color, rgba(38, 38, 38, .16))}.das-ui-tooltip-popper.el-popper.is-light[data-popper-placement^=left] .el-popper__arrow:before{box-shadow:3px 0 6px var(--upf-text-tooltip-shadow-color, rgba(38, 38, 38, .16)),0 -2px 6px var(--upf-text-tooltip-shadow-color, rgba(38, 38, 38, .16))}.das-ui-tooltip-popper.el-popper.is-light[data-popper-placement^=right] .el-popper__arrow:before{box-shadow:0 3px 6px var(--upf-text-tooltip-shadow-color, rgba(38, 38, 38, .16)),-2px 0 6px var(--upf-text-tooltip-shadow-color, rgba(38, 38, 38, .16))}.das-tooltip-text-wrap[data-v-e1652f58]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;line-clamp:var(--v65704ba4);-webkit-line-clamp:var(--v65704ba4)}.das-tooltip-virtual-placeholder[data-v-e1652f58]{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}/*! 
+* OverlayScrollbars
+* Version: 2.6.1
+* 
+* Copyright (c) Rene Haas | KingSora.
+* 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-ui-input[data-v-bcb6665b]{--das-input-base-border-color: var(--upf-border-color);--das-input-active-border-color: var(--upf-color-primary);--das-input-font-color: var(--upf-text-primary);--das-input-sub-font-color: var(--upf-text-placeholder);--das-input-disabled-bg-color: var(--upf-bg-secondary);--das-input-count-color: var(--upf-text-disabled);--das-input-message-font-size: 12px;position:relative;display:inline-block;width:var(--das-input-width)}.das-ui-input[data-v-bcb6665b] .el-input{height:var(--das-input-height);line-height:var(--das-input-height);font-size:var(--das-input-font-size)}.das-ui-input[data-v-bcb6665b] .el-input .el-input__inner{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--das-input-font-color);-webkit-text-fill-color:var(--das-input-font-color)}.das-ui-input[data-v-bcb6665b] .el-input .el-input__inner::placeholder{color:var(--das-input-sub-font-color);-webkit-text-fill-color:var(--das-input-sub-font-color)}.das-ui-input[data-v-bcb6665b] .el-input .el-input__inner::-webkit-input-placeholder{color:var(--das-input-sub-font-color);-webkit-text-fill-color:var(--das-input-sub-font-color)}.das-ui-input[data-v-bcb6665b] .el-input .el-input__count{color:var(--das-input-count-color)}.das-ui-input.das-ui-textarea[data-v-bcb6665b] .el-textarea .el-textarea__inner{color:var(--das-input-font-color);font-size:var(--das-input-font-size);padding:8px;line-height:22px;min-height:80px!important}.das-ui-input.das-ui-textarea[data-v-bcb6665b] .el-textarea .el-input__count{color:var(--das-input-count-color);font-size:var(--das-input-font-size);bottom:12px;padding-left:5px}.das-ui-input.das-ui-textarea[data-v-bcb6665b] .el-textarea.das-input-error .el-textarea__inner,.das-ui-input.das-ui-textarea[data-v-bcb6665b] .el-textarea.das-input-error .el-textarea__inner:hover{box-shadow:0 0 0 1px var(--upf-color-error) inset}.das-ui-input.das-ui-textarea[data-v-bcb6665b] .el-textarea.das-input-success .el-textarea__inner,.das-ui-input.das-ui-textarea[data-v-bcb6665b] .el-textarea.das-input-success .el-textarea__inner:hover{box-shadow:0 0 0 1px var(--upf-color-success) inset}.das-ui-input.das-ui-textarea[data-v-bcb6665b] .el-textarea textarea::-webkit-scrollbar{width:8px;height:8px;background-color:transparent}.das-ui-input.das-ui-textarea[data-v-bcb6665b] .el-textarea textarea::-webkit-scrollbar-corner{background-color:#0000}.das-ui-input.das-ui-textarea[data-v-bcb6665b] .el-textarea textarea::-webkit-scrollbar-thumb{border-radius:16px;border:4px solid #b2b2b2;background-clip:content-box;background-color:#9999994d}.das-ui-input--border-type-bordered[data-v-bcb6665b] .el-input .el-input__wrapper{border-radius:2px;padding:0 8px;box-shadow:0 0 0 1px var(--das-input-border-color, var(--das-input-base-border-color)) inset}.das-ui-input--border-type-bordered[data-v-bcb6665b] .el-input .el-input__wrapper.is-focus,.das-ui-input--border-type-bordered[data-v-bcb6665b] .el-input .el-input__wrapper:hover{box-shadow:0 0 0 1px var(--das-input-border-color, var(--das-input-active-border-color)) inset}.das-ui-input--border-type-bordered[data-v-bcb6665b] .el-textarea .el-textarea__inner{border-radius:4px;box-shadow:0 0 0 1px var(--das-input-border-color, var(--das-input-base-border-color)) inset}.das-ui-input--border-type-bordered[data-v-bcb6665b] .el-textarea .el-textarea__inner:focus{box-shadow:0 0 0 1px var(--das-input-border-color, var(--das-input-active-border-color)) inset}.das-ui-input--border-type-bordered[data-v-bcb6665b] .el-textarea .el-textarea__inner:hover{box-shadow:0 0 0 1px var(--das-input-border-color, var(--das-input-active-border-color)) inset}.das-ui-input--border-type-bottom[data-v-bcb6665b] .el-input .el-input__wrapper{padding:0;border-radius:0;box-shadow:0 -1px 0 0 var(--das-input-border-color, var(--das-input-base-border-color)) inset}.das-ui-input--border-type-bottom[data-v-bcb6665b] .el-input .el-input__wrapper.is-focus,.das-ui-input--border-type-bottom[data-v-bcb6665b] .el-input .el-input__wrapper:hover{box-shadow:0 -1px 0 0 var(--das-input-border-color, var(--das-input-active-border-color)) inset}.das-ui-input--border-type-bottom[data-v-bcb6665b] .el-textarea .el-textarea__inner{border-radius:0;box-shadow:0 -1px 0 0 var(--das-input-border-color, var(--das-input-base-border-color)) inset}.das-ui-input--border-type-bottom[data-v-bcb6665b] .el-textarea .el-textarea__inner:focus{box-shadow:0 -1px 0 0 var(--das-input-border-color, var(--das-input-active-border-color)) inset}.das-ui-input--border-type-bottom[data-v-bcb6665b] .el-textarea .el-textarea__inner:hover{box-shadow:0 -1px 0 0 var(--das-input-border-color, var(--das-input-active-border-color)) inset}.das-ui-input--view[data-v-bcb6665b] .el-input .el-input__inner{cursor:default}.das-ui-input--disabled[data-v-bcb6665b] .el-input .el-input__wrapper{background-color:var(--das-input-disabled-bg-color)}.das-ui-input--disabled[data-v-bcb6665b] .el-input .el-input__inner{color:var(--das-input-sub-font-color);-webkit-text-fill-color:var(--das-input-sub-font-color)}.das-ui-input--disabled.das-ui-textarea[data-v-bcb6665b] .el-textarea .el-textarea__inner{color:var(--das-input-sub-font-color);background-color:var(--das-input-disabled-bg-color)}.das-ui-input .das-input-message[data-v-bcb6665b]{color:var(--das-input-message-color);font-size:var(--das-input-message-font-size);padding-top:4px}.das-ui-input .das-input-message_content[data-v-bcb6665b]{line-height:18px;display:block;white-space:break-spaces}.das-ui-input .das-input-message_content.is-ellipsis[data-v-bcb6665b]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.das-ui-input[data-v-bcb6665b] .el-input__prefix .el-input__prefix-inner{color:var(--das-input-sub-font-color)}.das-ui-input[data-v-bcb6665b] .el-input__prefix .el-input__prefix-inner>:last-child{margin-right:4px}.das-ui-input[data-v-bcb6665b] .el-input__suffix .el-input__suffix-inner{color:var(--das-input-sub-font-color)}.das-ui-input[data-v-bcb6665b] .el-input__suffix .el-input__suffix-inner>:first-child{margin-left:4px}.das-ui-input[data-v-bcb6665b] .el-input-group--prepend .el-input-group__prepend{padding:0 8px;border-radius:2px 0 0 2px;box-shadow:1px 0 0 0 var(--das-input-base-border-color) inset,0 1px 0 0 var(--das-input-base-border-color) inset,0 -1px 0 0 var(--das-input-base-border-color) inset;background-color:transparent}.das-ui-input[data-v-bcb6665b] .el-input-group--prepend>.el-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.das-ui-input[data-v-bcb6665b] .el-input-group--append .el-input-group__append{padding:0 8px;border-radius:0 2px 2px 0;box-shadow:0 1px 0 0 var(--das-input-base-border-color) inset,0 -1px 0 0 var(--das-input-base-border-color) inset,-1px 0 0 0 var(--das-input-base-border-color) inset;background-color:transparent}.das-ui-input[data-v-bcb6665b] .el-input-group--append>.el-input__wrapper{border-top-right-radius:0;border-bottom-right-radius:0}.das-ui-input[data-v-bcb6665b] .el-input .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-input[data-v-bcb6665b] .el-input .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-input[data-v-bcb6665b] .el-input .el-input__clear svg{display:none}

package/packages/components/input-dialog-select/index.d.ts

@@ -15,14 +15,14 @@ declare const DasInputDialogSelect: import("@das-fed/upf-utils").SFCWithInstall<
     error: boolean;
     disabled: boolean;
     placeholder: string;
-    suffixIcon: string;
     isView: boolean;
+    borderType: string;
+    errorLabel: string;
     errorMode: "default" | "overlay";
+    errorModelZIndex: number;
+    suffixIcon: string;
     optionsLabelKey: string | number;
     optionsValueKey: string | number;
-    errorModelZIndex: number;
-    borderType: string;
-    errorLabel: string;
     selectedOptions: any;
     isClear: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>>;

package/packages/components/input-dialog-select/index.js

@@ -1,22 +1,21 @@
 import '@das-fed/upf-ui/packages/components/input-dialog-select/style.css';
-import { withInstall as j } from "@das-fed/upf-utils/with-install/index";
-import { defineComponent as P, ref as s, computed as I, watch as H, nextTick as q, openBlock as d, createElementBlock as f, mergeProps as G, createElementVNode as M, normalizeClass as J, unref as l, withDirectives as w, toDisplayString as x, createCommentVNode as h, Fragment as Q, withModifiers as U, createVNode as X, createBlock as Y } from "vue";
+import { withInstall as R } from "@das-fed/upf-utils/with-install/index";
+import { defineComponent as F, ref as n, computed as I, watch as H, nextTick as q, openBlock as u, createElementBlock as f, mergeProps as G, createElementVNode as M, normalizeClass as J, unref as l, withDirectives as N, toDisplayString as x, createCommentVNode as g, Fragment as Q, withModifiers as U, createVNode as X, createBlock as Y } from "vue";
 import { DasAutoRegisterIcon as _, DasIcon as ee } from "@das-fed/upf-ui/packages/components/icon/index";
 import { vDasTooltip as T } from "@das-fed/upf-ui/packages/components/text-tooltip/index";
 import { DasErrorOverlayModel as te } from "@das-fed/upf-ui/packages/components/error-overlay-model/index";
-import { getVarValue as le, setThemeRule as ae } from "@das-fed/upf-web/packages/theme/index";
-import { t as F, currentLang as oe, setI18nRule as re } from "@das-fed/upf-web/packages/i18n/index";
-import { isEmpty as u } from "@das-fed/upf-utils/common-tools";
-const ie = {
+import { t as w, currentLang as le, setI18nRule as ae } from "@das-fed/upf-web/packages/i18n/index";
+import { isEmpty as i } from "@das-fed/upf-utils/common-tools";
+const oe = {
   key: 0,
   class: "placeholder-text"
-}, se = {
+}, re = {
   key: 1,
   class: "dialog-text"
-}, ue = {
+}, se = {
   key: 2,
   class: "reset-plus"
-}, de = { class: "das-input-dialog-select-label-content" }, ne = ["title"], ce = /* @__PURE__ */ P({
+}, ie = { class: "das-input-dialog-select-label-content" }, ne = ["title"], ue = /* @__PURE__ */ F({
   __name: "Index",
   props: {
     modelValue: {},
@@ -32,52 +31,52 @@ const ie = {
     borderType: { default: "bordered" },
     optionsLabelKey: { default: "name" },
     optionsValueKey: { default: "id" },
-    placeholder: { default: F("请选择") },
+    placeholder: { default: w("请选择") },
     errorMode: { default: "default" },
     errorModelZIndex: { default: 2e3 },
     noSetDefaultVal: { type: Boolean },
     formSize: {}
   },
   emits: ["update:modelValue", "open-dialog", "clear-dialog", "update:selectedOptions", "change"],
-  setup(e, { emit: D }) {
+  setup(e, { emit: C }) {
     _({
       search: import("@das-fed/upf-ui/packages/icons/search")
     });
-    const t = e, r = D, b = s(!1), m = I(() => t.isView), B = I(() => t.placeholder), N = I(() => `${t.width === "auto" ? "100%" : t.width}`);
-    let i = s("");
-    i.value = t.modelValue;
-    const n = s(null), c = s(null);
-    let v = s(""), C = s([]);
+    const t = e, r = C, y = n(!1), m = I(() => t.isView), S = I(() => t.placeholder), K = I(() => `${t.width === "auto" ? "100%" : t.width}`);
+    let s = n("");
+    s.value = t.modelValue;
+    const d = n(null), c = n(null);
+    let v = n(""), D = n([]);
     H(
       () => t.selectedOptions,
       (a, p) => {
-        let y = "", z = [], k = [];
-        if (u(a) && u(p) && t.modelValue instanceof Array && !t.modelValue.length) {
-          i.value = "", v.value = "";
+        let b = "", z = [], k = [];
+        if (i(a) && i(p) && t.modelValue instanceof Array && !t.modelValue.length) {
+          s.value = "", v.value = "";
           return;
         }
-        if (u(a) && u(p)) return;
+        if (i(a) && i(p)) return;
         if (typeof a == "string")
-          y = a;
+          b = a;
         else if (a instanceof Array) {
           if (!(a != null && a.length) && !(p != null && p.length)) {
-            i.value = m.value || t.disabled ? "-" : "";
+            s.value = m.value || t.disabled ? "-" : "";
             return;
           }
-          k = a.map((g) => {
-            const o = g[t.optionsLabelKey];
+          k = a.map((h) => {
+            const o = h[t.optionsLabelKey];
             if (!(o === null || typeof o > "u" || o === ""))
               return o;
-          }), z = a.map((g) => {
-            const o = g[t.optionsValueKey];
+          }), z = a.map((h) => {
+            const o = h[t.optionsValueKey];
             if (!(o === null || typeof o > "u" || o === ""))
               return o;
-          }), y = oe.value === "zh-CN" ? k.join("、") : k.join(",");
+          }), b = le.value === "zh-CN" ? k.join("、") : k.join(",");
         }
-        const W = t.noSetDefaultVal ? "" : "-";
-        i.value = (m.value || t.disabled) && u(y) ? W : y, C.value = z, z.length || (v.value = ""), r("update:modelValue", C.value), r("change", C.value, t.selectedOptions), q(() => {
-          var g, o, E, $;
-          ((g = n == null ? void 0 : n.value) == null ? void 0 : g.offsetWidth) > 0 && ((o = c == null ? void 0 : c.value) == null ? void 0 : o.offsetWidth) > 0 && ((E = c == null ? void 0 : c.value) == null ? void 0 : E.offsetWidth) > (($ = n == null ? void 0 : n.value) == null ? void 0 : $.offsetWidth) - 20 && k.length > 1 ? v.value = z.length > 0 ? `${F("das-framework-input-dialog-select-total-items", k.length)}` : "" : v.value = "";
+        const P = t.noSetDefaultVal ? "" : "-";
+        s.value = (m.value || t.disabled) && i(b) ? P : b, D.value = z, z.length || (v.value = ""), r("update:modelValue", D.value), r("change", D.value, t.selectedOptions), q(() => {
+          var h, o, $, E;
+          ((h = d == null ? void 0 : d.value) == null ? void 0 : h.offsetWidth) > 0 && ((o = c == null ? void 0 : c.value) == null ? void 0 : o.offsetWidth) > 0 && (($ = c == null ? void 0 : c.value) == null ? void 0 : $.offsetWidth) > ((E = d == null ? void 0 : d.value) == null ? void 0 : E.offsetWidth) - 20 && k.length > 1 ? v.value = z.length > 0 ? `${w("das-framework-input-dialog-select-total-items", k.length)}` : "" : v.value = "";
         });
       },
       {
@@ -85,40 +84,33 @@ const ie = {
         immediate: !0
       }
     );
-    const S = s();
-    s({
-      display: "block",
-      color: le("--das-ui-input-error-color").value,
-      "white-space": "break-spaces"
-      // 'word-break': 'break-all',
-    });
-    const V = () => {
+    const O = n(), V = () => {
       r("open-dialog");
-    }, K = () => {
-      v.value = "", i.value = "", r("update:selectedOptions", []), r("update:modelValue", []), r("clear-dialog"), r("change", [], []);
-    }, L = s(!1), Z = () => {
-      b.value = !0, t.errorMode === "overlay" && (L.value = !0);
-    }, A = () => {
-      b.value = !1, t.errorMode === "overlay" && (L.value = !1);
-    }, O = I(() => t.formSize), R = I(() => ({
-      width: N.value,
-      "--input-dialog-select-height": O.value && {
+    }, Z = () => {
+      v.value = "", s.value = "", r("update:selectedOptions", []), r("update:modelValue", []), r("clear-dialog"), r("change", [], []);
+    }, L = n(!1), A = () => {
+      y.value = !0, t.errorMode === "overlay" && (L.value = !0);
+    }, W = () => {
+      y.value = !1, t.errorMode === "overlay" && (L.value = !1);
+    }, B = I(() => t.formSize), j = I(() => ({
+      width: K.value,
+      "--input-dialog-select-height": B.value && {
         small: "24px",
         default: "32px",
         large: "40px"
-      }[O.value]
+      }[B.value]
     }));
-    return (a, p) => (d(), f(
+    return (a, p) => (u(), f(
       "div",
       G({
         class: "das-ui-input-dialog-select",
         tabindex: "0",
-        style: R.value
+        style: j.value
       }, a.$attrs, {
         ref_key: "$refInputDialogSelect",
-        ref: S,
-        onMouseenter: Z,
-        onMouseleave: A,
+        ref: O,
+        onMouseenter: A,
+        onMouseleave: W,
         class: [
           { "normal-size": e.size === "default" },
           { "auto-size": e.size === "auto" },
@@ -133,55 +125,55 @@ const ie = {
           "div",
           {
             ref_key: "dialogTextWrap",
-            ref: n,
+            ref: d,
             class: J([
               "das-ui-input-dialog-select-content",
               { "only-border-bottom": e.borderType === "bottom" },
               { "das-input-dialog-select-error": e.error },
-              { "das-input-dialog-select-clear-mode": !l(u)(l(i)) && e.isClear }
+              { "das-input-dialog-select-clear-mode": !l(i)(l(s)) && e.isClear }
             ])
           },
           [
-            l(u)(l(i)) && !l(u)(B.value) && !m.value && !e.disabled ? w((d(), f("div", ie, [
+            l(i)(l(s)) && !l(i)(S.value) && !m.value && !e.disabled ? N((u(), f("div", oe, [
               M(
                 "span",
                 null,
-                x(B.value),
+                x(S.value),
                 1
                 /* TEXT */
               )
             ])), [
               [l(T)]
-            ]) : w((d(), f("div", se, [
+            ]) : N((u(), f("div", re, [
               M(
                 "span",
                 {
                   ref_key: "dialogText",
                   ref: c
                 },
-                x(l(i)),
+                x(l(s)),
                 513
                 /* TEXT, NEED_PATCH */
               )
             ])), [
               [l(T)]
             ]),
-            m.value ? h("v-if", !0) : (d(), f(
+            m.value ? g("v-if", !0) : (u(), f(
               "span",
-              ue,
+              se,
               x(l(v)),
               1
               /* TEXT */
             )),
-            !m.value && !e.disabled ? (d(), f(
+            !m.value && !e.disabled ? (u(), f(
               Q,
               { key: 3 },
               [
-                !l(u)(l(i)) && e.isClear ? (d(), f("span", {
+                !l(i)(l(s)) && e.isClear ? (u(), f("span", {
                   key: 0,
                   class: "das-ui-input-dialog-select-clear",
-                  onClick: U(K, ["stop"])
-                })) : h("v-if", !0),
+                  onClick: U(Z, ["stop"])
+                })) : g("v-if", !0),
                 X(l(ee), {
                   class: "das-ui-input-dialog-select-search",
                   icon: e.suffixIcon,
@@ -190,58 +182,42 @@ const ie = {
               ],
               64
               /* STABLE_FRAGMENT */
-            )) : h("v-if", !0)
+            )) : g("v-if", !0)
           ],
           2
           /* CLASS */
         ),
-        M("div", de, [
-          e.error && e.errorLabel && e.errorMode === "default" ? (d(), f("span", {
+        M("div", ie, [
+          e.error && e.errorLabel && e.errorMode === "default" ? (u(), f("span", {
             key: 0,
             class: "das-input-dialog-select-error-label",
             title: e.errorLabel
-          }, x(e.errorLabel), 9, ne)) : h("v-if", !0)
+          }, x(e.errorLabel), 9, ne)) : g("v-if", !0)
         ]),
-        h(" 错误状态 "),
-        e.error && e.errorLabel && b.value && e.errorMode === "overlay" && L.value ? (d(), Y(l(te), {
+        g(" 错误状态 "),
+        e.error && e.errorLabel && y.value && e.errorMode === "overlay" && L.value ? (u(), Y(l(te), {
           key: 0,
           errorLabel: e.errorLabel,
-          getEl: () => S.value,
+          getEl: () => O.value,
           errorModelZIndex: e.errorModelZIndex
-        }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : h("v-if", !0)
+        }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : g("v-if", !0)
       ],
       16
       /* FULL_PROPS */
     ));
   }
-}), fe = (e, D) => {
+}), de = (e, C) => {
   const t = e.__vccOpts || e;
-  for (const [r, b] of D)
-    t[r] = b;
+  for (const [r, y] of C)
+    t[r] = y;
   return t;
-}, me = /* @__PURE__ */ fe(ce, [["__scopeId", "data-v-979020ac"]]), ve = {
+}, ce = /* @__PURE__ */ de(ue, [["__scopeId", "data-v-da364233"]]), fe = {
   请选择: { "zh-CN": "请选择", en: "Please select", "zh-MO": "請選擇", _appCode: "framework" },
   "das-framework-input-dialog-select-total-items": { "zh-CN": "共$0项", en: "Total $0 Items", "zh-MO": "共$0項", _appCode: "framework" }
-}, pe = {
-  "--demo-alert-bg": {
-    light: "#fff",
-    dark: "rgba(255,255,255,.2)"
-  },
-  "--das-ui-input-dialog-select-border": "#999",
-  "--das-ui-input-dialog-select-border-all": "#d9d9d9",
-  "--das-ui-input-dialog-select-view-border": "#e5e5e5",
-  "--das-ui-input-dialog-select-icon": "#666",
-  "--das-ui-input-dialog-select-text": "#212121",
-  "--das-ui-input-dialog-select-disabled-text": "#b2b2b2",
-  "--das-ui-input-dialog-select-border-active": "#5582F3",
-  "--das-ui-input-dialog-select-error-color": "#FB2323",
-  "--das-ui-color-overlay-error": "#FFDBE0",
-  "--das-ui-input-error-color": "#FB2323"
 };
-re(ve);
-ae(pe);
-const xe = j(me);
+ae(fe);
+const ke = R(ce);
 export {
-  xe as DasInputDialogSelect,
-  xe as default
+  ke as DasInputDialogSelect,
+  ke as default
 };

package/packages/components/input-dialog-select/src/Index.vue.d.ts

@@ -16,14 +16,14 @@ declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, imp
     error: boolean;
     disabled: boolean;
     placeholder: string;
-    suffixIcon: string;
     isView: boolean;
+    borderType: string;
+    errorLabel: string;
     errorMode: "default" | "overlay";
+    errorModelZIndex: number;
+    suffixIcon: string;
     optionsLabelKey: string | number;
     optionsValueKey: string | number;
-    errorModelZIndex: number;
-    borderType: string;
-    errorLabel: string;
     selectedOptions: any;
     isClear: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/packages/components/input-dialog-select/style.css

@@ -1 +1 @@
-.das-ui-input-dialog-select[data-v-979020ac]{display:inline-block;position:relative;vertical-align:bottom}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content[data-v-979020ac],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content[data-v-979020ac]{border-color:var(--das-ui-input-dialog-select-border-active)}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content.only-border-bottom[data-v-979020ac],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content.only-border-bottom[data-v-979020ac]{border-color:var(--das-ui-input-dialog-select-border-active)}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content.only-border-bottom.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-979020ac],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content.only-border-bottom.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-979020ac]{right:18px}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-979020ac],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-979020ac]{visibility:visible}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-979020ac],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-979020ac]{right:30px}.das-ui-input-dialog-select.normal-size[data-v-979020ac]{width:230px}.das-ui-input-dialog-select.normal-size .reset-plus[data-v-979020ac]{height:20px;line-height:20px}.das-ui-input-dialog-select.auto-size[data-v-979020ac]{width:100%}.das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content[data-v-979020ac]{padding:1px 8px}.das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content .dialog-text[data-v-979020ac]{height:20px;line-height:20px;font-size:14px}.das-ui-input-dialog-select.small-size .reset-plus[data-v-979020ac]{height:20px;line-height:20px}.das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content .placeholder-text[data-v-979020ac]{height:20px;line-height:20px;font-size:14px}.das-ui-input-dialog-select.table-size[data-v-979020ac]{width:100%}.das-ui-input-dialog-select.table-size .das-ui-input-dialog-select-content .dialog-text[data-v-979020ac],.das-ui-input-dialog-select.table-size .das-ui-input-dialog-select-content .placeholder-text[data-v-979020ac]{height:24px;line-height:24px;font-size:12px}.das-ui-input-dialog-select.table-size .reset-plus[data-v-979020ac]{height:24px;line-height:24px}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content[data-v-979020ac]{border-color:var(--das-ui-input-dialog-select-view-border)}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content .dialog-text[data-v-979020ac],.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content .reset-plus[data-v-979020ac]{color:#b2b2b2}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content .das-icon[data-v-979020ac]{cursor:not-allowed}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content.das-input-dialog-select-error[data-v-979020ac],.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content.only-border-bottom[data-v-979020ac],.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content[data-v-979020ac]{border-color:var(--das-ui-input-dialog-select-view-border)}.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content .dialog-text[data-v-979020ac]{color:var(--das-ui-input-dialog-select-text)}.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content .das-icon[data-v-979020ac]{cursor:not-allowed}.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content.das-input-dialog-select-error[data-v-979020ac],.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content.only-border-bottom[data-v-979020ac]{border-color:var(--das-ui-input-dialog-select-view-border)}.das-ui-input-dialog-select .das-ui-input-dialog-select-content[data-v-979020ac]{border:1px solid var(--das-ui-input-dialog-select-border-all);background:#fff;border-radius:2px;padding:2px 8px;display:flex;align-items:center;height:var(--input-dialog-select-height);box-sizing:border-box}.das-ui-input-dialog-select .das-ui-input-dialog-select-content.das-input-dialog-select-error[data-v-979020ac]{border-color:var(--das-ui-input-dialog-select-error-color)!important}.das-ui-input-dialog-select .das-ui-input-dialog-select-content.only-border-bottom[data-v-979020ac]{border-color:var(--das-ui-input-dialog-select-border);padding:1px 0 2px;border-width:0 0 1px 0!important;border-radius:0;background:none}.das-ui-input-dialog-select .das-ui-input-dialog-select-content.only-border-bottom[data-v-979020ac]:focus{border-width:0 0 1px 0!important}.das-ui-input-dialog-select .das-ui-input-dialog-select-content.das-input-dialog-select-clear-mode .das-icon[data-v-979020ac]{margin-left:15px}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .dialog-text[data-v-979020ac]{height:20px;flex:1;min-width:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:var(--das-ui-input-dialog-select-text);font-size:14px}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .placeholder-text[data-v-979020ac]{height:20px;line-height:20px;flex:1;min-width:0;white-space:nowrap;-webkit-user-select:none;user-select:none;overflow:hidden;color:var(--das-ui-input-dialog-select-disabled-text);font-size:14px}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-icon[data-v-979020ac]{cursor:pointer;color:var(--das-ui-input-dialog-select-icon);margin-left:10px}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-icon[data-v-979020ac]:hover{color:var(--das-ui-input-dialog-select-border-active)}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-ui-input-dialog-select-clear[data-v-979020ac]{position:absolute;right:10px;visibility:hidden;margin-left:10px;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;cursor:pointer}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-ui-input-dialog-select-clear[data-v-979020ac]: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-input-dialog-select .das-ui-input-dialog-select-content .das-ui-input-dialog-select-clear svg[data-v-979020ac]{display:none}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-ui-input-dialog-select-search[data-v-979020ac]{visibility:visible}.das-ui-input-dialog-select .das-input-dialog-select-label-content[data-v-979020ac]{font-size:12px}.das-ui-input-dialog-select .das-input-dialog-select-label-content .das-input-dialog-select-error-label[data-v-979020ac]{display:block;color:var(--das-ui-input-dialog-select-error-color);word-wrap:break-word}.das-ui-input-dialog-select .das-input-dialog-select-overlay-error-label-content[data-v-979020ac]{width:100%;position:absolute;left:0;background-color:#ffdbe0;box-shadow:0 4px 10px #0003;border-radius:1px;padding:2px 8px;box-sizing:border-box;z-index:1;transition:.2s;word-wrap:break-word}.das-ui-input-dialog-select .das-input-dialog-select-overlay-error-label-content .label[data-v-979020ac]{font-size:12px;color:var(--das-ui-input-dialog-select-error-color)}
+.das-ui-input-dialog-select[data-v-da364233]{display:inline-block;position:relative;vertical-align:bottom}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content[data-v-da364233],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content[data-v-da364233]{border-color:var(--upf-color-primary)}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content.only-border-bottom[data-v-da364233],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content.only-border-bottom[data-v-da364233]{border-color:var(--upf-color-primary)}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content.only-border-bottom.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-da364233],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content.only-border-bottom.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-da364233]{right:18px}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-da364233],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-da364233]{visibility:visible}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-da364233],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-da364233]{right:30px}.das-ui-input-dialog-select.normal-size[data-v-da364233]{width:230px}.das-ui-input-dialog-select.normal-size .reset-plus[data-v-da364233]{height:20px;line-height:20px}.das-ui-input-dialog-select.auto-size[data-v-da364233]{width:100%}.das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content[data-v-da364233]{padding:1px 8px}.das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content .dialog-text[data-v-da364233]{height:20px;line-height:20px;font-size:14px}.das-ui-input-dialog-select.small-size .reset-plus[data-v-da364233]{height:20px;line-height:20px}.das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content .placeholder-text[data-v-da364233]{height:20px;line-height:20px;font-size:14px}.das-ui-input-dialog-select.table-size[data-v-da364233]{width:100%}.das-ui-input-dialog-select.table-size .das-ui-input-dialog-select-content .dialog-text[data-v-da364233],.das-ui-input-dialog-select.table-size .das-ui-input-dialog-select-content .placeholder-text[data-v-da364233]{height:24px;line-height:24px;font-size:12px}.das-ui-input-dialog-select.table-size .reset-plus[data-v-da364233]{height:24px;line-height:24px}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content[data-v-da364233]{border-color:var(--upf-divider-color)}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content .dialog-text[data-v-da364233],.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content .reset-plus[data-v-da364233]{color:var(--upf-text-disabled)}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content .das-icon[data-v-da364233]{cursor:not-allowed}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content.das-input-dialog-select-error[data-v-da364233],.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content.only-border-bottom[data-v-da364233],.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content[data-v-da364233]{border-color:var(--upf-divider-color)}.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content .dialog-text[data-v-da364233]{color:var(--upf-text-primary)}.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content .das-icon[data-v-da364233]{cursor:not-allowed}.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content.das-input-dialog-select-error[data-v-da364233],.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content.only-border-bottom[data-v-da364233]{border-color:var(--upf-divider-color)}.das-ui-input-dialog-select .das-ui-input-dialog-select-content[data-v-da364233]{border:1px solid var(--upf-border-color);background:var(--upf-bg-primary);border-radius:2px;padding:2px 8px;display:flex;align-items:center;height:var(--input-dialog-select-height);box-sizing:border-box}.das-ui-input-dialog-select .das-ui-input-dialog-select-content.das-input-dialog-select-error[data-v-da364233]{border-color:var(--upf-color-error)!important}.das-ui-input-dialog-select .das-ui-input-dialog-select-content.only-border-bottom[data-v-da364233]{border-color:var(--upf-text-secondary);padding:1px 0 2px;border-width:0 0 1px 0!important;border-radius:0;background:none}.das-ui-input-dialog-select .das-ui-input-dialog-select-content.only-border-bottom[data-v-da364233]:focus{border-width:0 0 1px 0!important}.das-ui-input-dialog-select .das-ui-input-dialog-select-content.das-input-dialog-select-clear-mode .das-icon[data-v-da364233]{margin-left:15px}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .dialog-text[data-v-da364233]{height:20px;flex:1;min-width:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:var(--upf-text-primary);font-size:14px}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .placeholder-text[data-v-da364233]{height:20px;line-height:20px;flex:1;min-width:0;white-space:nowrap;-webkit-user-select:none;user-select:none;overflow:hidden;color:var(--upf-text-disabled);font-size:14px}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-icon[data-v-da364233]{cursor:pointer;color:var(--upf-text-secondary);margin-left:10px}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-icon[data-v-da364233]:hover{color:var(--upf-color-primary)}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-ui-input-dialog-select-clear[data-v-da364233]{position:absolute;right:10px;visibility:hidden;margin-left:10px;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;cursor:pointer}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-ui-input-dialog-select-clear[data-v-da364233]: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-input-dialog-select .das-ui-input-dialog-select-content .das-ui-input-dialog-select-clear svg[data-v-da364233]{display:none}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-ui-input-dialog-select-search[data-v-da364233]{visibility:visible}.das-ui-input-dialog-select .das-input-dialog-select-label-content[data-v-da364233]{font-size:12px}.das-ui-input-dialog-select .das-input-dialog-select-label-content .das-input-dialog-select-error-label[data-v-da364233]{display:block;color:var(--upf-color-error);word-wrap:break-word}.das-ui-input-dialog-select .das-input-dialog-select-overlay-error-label-content[data-v-da364233]{width:100%;position:absolute;left:0;background-color:var(--upf-checkbox-overlay-error-bg, rgb(255, 219, 224));box-shadow:0 4px 10px #0003;border-radius:1px;padding:2px 8px;box-sizing:border-box;z-index:1;transition:.2s;word-wrap:break-word}.das-ui-input-dialog-select .das-input-dialog-select-overlay-error-label-content .label[data-v-da364233]{font-size:12px;color:var(--upf-color-error)}

package/packages/components/input-number/index.d.ts

@@ -20,9 +20,9 @@ declare const DasInputNumber: import("@das-fed/upf-utils").SFCWithInstall<import
     disabled: boolean;
     modelValue: number;
     isView: boolean;
+    errorLabel: string;
     errorMode: "default" | "overlay";
     errorModelZIndex: number;
-    errorLabel: string;
     controlsPosition: "" | "right";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>>;
 declare const DasInputNumberRef: () => import("vue").Ref<import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./src/type.js").Props & {
@@ -45,9 +45,9 @@ declare const DasInputNumberRef: () => import("vue").Ref<import("vue").CreateCom
     disabled: boolean;
     modelValue: number;
     isView: boolean;
+    errorLabel: string;
     errorMode: "default" | "overlay";
     errorModelZIndex: number;
-    errorLabel: string;
     controlsPosition: "" | "right";
 }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
     P: {};
@@ -70,9 +70,9 @@ declare const DasInputNumberRef: () => import("vue").Ref<import("vue").CreateCom
     disabled: boolean;
     modelValue: number;
     isView: boolean;
+    errorLabel: string;
     errorMode: "default" | "overlay";
     errorModelZIndex: number;
-    errorLabel: string;
     controlsPosition: "" | "right";
 }> | null, import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./src/type.js").Props & {
     modelValue?: number;
@@ -94,9 +94,9 @@ declare const DasInputNumberRef: () => import("vue").Ref<import("vue").CreateCom
     disabled: boolean;
     modelValue: number;
     isView: boolean;
+    errorLabel: string;
     errorMode: "default" | "overlay";
     errorModelZIndex: number;
-    errorLabel: string;
     controlsPosition: "" | "right";
 }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
     P: {};
@@ -119,9 +119,9 @@ declare const DasInputNumberRef: () => import("vue").Ref<import("vue").CreateCom
     disabled: boolean;
     modelValue: number;
     isView: boolean;
+    errorLabel: string;
     errorMode: "default" | "overlay";
     errorModelZIndex: number;
-    errorLabel: string;
     controlsPosition: "" | "right";
 }> | null>;
 export { DasInputNumber, DasInputNumberRef };