@das-fed/upf-ui 6.4.0-dev.249 → 6.4.0-dev.251

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

@@ -1403,7 +1403,7 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {
     onChange?: ((val: string | number) => any) | undefined;
     "onUpdate:modelValue"?: ((val: any) => any) | undefined;
 }>, {
-    size: "large" | "default" | "small" | "table";
+    size: "large" | "middle" | "default" | "small" | "table";
     error: boolean;
     type: string;
     disabled: boolean;

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

@@ -14,8 +14,8 @@ export interface Props {
   borderType?: 'bottom' | 'bordered'
   
   placeholder?: string
-  
-  size?: 'large' | 'default' | 'small' | 'table'
+  
+  size?: 'large' | 'middle' | 'default' | 'small' | 'table'
   
   disabled?: boolean
   

package/packages/components/input/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-ui-input[data-v-bcb6665b]{--das-input-base-border-color: var(--upf-border-color);--das-input-active-border-color: var(--upf-form-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}
+*/.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-ee631880]{--das-input-base-border-color: var(--upf-border-color);--das-input-active-border-color: var(--upf-form-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-ee631880] .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-ee631880] .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-ee631880] .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-ee631880] .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-ee631880] .el-input .el-input__count{color:var(--das-input-count-color)}.das-ui-input.das-ui-textarea[data-v-ee631880] .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-ee631880] .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-ee631880] .el-textarea.das-input-error .el-textarea__inner,.das-ui-input.das-ui-textarea[data-v-ee631880] .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-ee631880] .el-textarea.das-input-success .el-textarea__inner,.das-ui-input.das-ui-textarea[data-v-ee631880] .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-ee631880] .el-textarea textarea::-webkit-scrollbar{width:8px;height:8px;background-color:transparent}.das-ui-input.das-ui-textarea[data-v-ee631880] .el-textarea textarea::-webkit-scrollbar-corner{background-color:#0000}.das-ui-input.das-ui-textarea[data-v-ee631880] .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-ee631880] .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-ee631880] .el-input .el-input__wrapper.is-focus,.das-ui-input--border-type-bordered[data-v-ee631880] .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-ee631880] .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-ee631880] .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-ee631880] .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-ee631880] .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-ee631880] .el-input .el-input__wrapper.is-focus,.das-ui-input--border-type-bottom[data-v-ee631880] .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-ee631880] .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-ee631880] .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-ee631880] .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-ee631880] .el-input .el-input__inner{cursor:default}.das-ui-input--disabled[data-v-ee631880] .el-input .el-input__wrapper{background-color:var(--das-input-disabled-bg-color)}.das-ui-input--disabled[data-v-ee631880] .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-ee631880] .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-ee631880]{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-ee631880]{line-height:18px;display:block;white-space:break-spaces}.das-ui-input .das-input-message_content.is-ellipsis[data-v-ee631880]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.das-ui-input[data-v-ee631880] .el-input__prefix .el-input__prefix-inner{color:var(--das-input-sub-font-color)}.das-ui-input[data-v-ee631880] .el-input__prefix .el-input__prefix-inner>:last-child{margin-right:4px}.das-ui-input[data-v-ee631880] .el-input__suffix .el-input__suffix-inner{color:var(--das-input-sub-font-color)}.das-ui-input[data-v-ee631880] .el-input__suffix .el-input__suffix-inner>:first-child{margin-left:4px}.das-ui-input[data-v-ee631880] .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-ee631880] .el-input-group--prepend>.el-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.das-ui-input[data-v-ee631880] .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-ee631880] .el-input-group--append>.el-input__wrapper{border-top-right-radius:0;border-bottom-right-radius:0}.das-ui-input[data-v-ee631880] .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-ee631880] .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-ee631880] .el-input .el-input__clear svg{display:none}

package/packages/components/loading/index.js

@@ -1,5 +1,5 @@
-import { inject as D, ref as I, computed as x, unref as Z, openBlock as N, createElementBlock as V, createStaticVNode as R, createElementVNode as z, reactive as J, defineComponent as Q, h as _, Transition as W, withCtx as X, withDirectives as ee, createVNode as te, vShow as ne, createApp as se, toRefs as ae, nextTick as j, isRef as oe } from "vue";
-import { setI18nRule as re, t as ce } from "@das-fed/upf-web/packages/i18n/index"
+import { inject as R, ref as I, computed as b, unref as j, openBlock as V, createElementBlock as A, createStaticVNode as K, createElementVNode as E, reactive as W, defineComponent as X, h as _, Transition as ee, withCtx as te, withDirectives as ne, createVNode as se, vShow as ae, createApp as oe, toRefs as re, nextTick as F, isRef as ce } from "vue";
+import { setI18nRule as de, t as le } from "@das-fed/upf-web/packages/i18n/index"
 import '@das-fed/upf-ui/packages/components/loading/style.css';
 ;
 /**
@@ -9,187 +9,189 @@ import '@das-fed/upf-ui/packages/components/loading/style.css';
 **/
 process.env.NODE_ENV !== "production" && Object.freeze({});
 process.env.NODE_ENV !== "production" && Object.freeze([]);
-const K = (t) => typeof t == "string", F = (t) => t !== null && typeof t == "object", G = (t) => {
+const G = (t) => typeof t == "string", q = (t) => t !== null && typeof t == "object", M = (t) => {
   const e = /* @__PURE__ */ Object.create(null);
   return (n) => e[n] || (e[n] = t(n));
-}, de = /-\w/g, ie = G(
-  (t) => t.replace(de, (e) => e.slice(1).toUpperCase())
-), le = /\B([A-Z])/g, ue = G(
-  (t) => t.replace(le, "-$1").toLowerCase()
-), fe = (t) => typeof t == "number";
-var B;
-const A = typeof window < "u";
-A && ((B = window == null ? void 0 : window.navigator) != null && B.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
-const q = (t = "") => t.split(" ").filter((e) => !!e.trim()), E = (t, e) => {
-  !t || !e.trim() || t.classList.add(...q(e));
+}, ie = /-\w/g, ue = M(
+  (t) => t.replace(ie, (e) => e.slice(1).toUpperCase())
+), fe = /\B([A-Z])/g, me = M(
+  (t) => t.replace(fe, "-$1").toLowerCase()
+), ve = (t) => typeof t == "number";
+var O;
+const k = typeof window < "u";
+k && ((O = window == null ? void 0 : window.navigator) != null && O.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+const U = (t = "") => t.split(" ").filter((e) => !!e.trim()), S = (t, e) => {
+  !t || !e.trim() || t.classList.add(...U(e));
 }, $ = (t, e) => {
-  !t || !e.trim() || t.classList.remove(...q(e));
-}, b = (t, e) => {
-  var s;
-  if (!A || !t || !e) return "";
-  let n = ie(e);
+  !t || !e.trim() || t.classList.remove(...U(e));
+}, y = (t, e) => {
+  var o;
+  if (!k || !t || !e) return "";
+  let n = ue(e);
   n === "float" && (n = "cssFloat");
   try {
     const c = t.style[n];
     if (c) return c;
-    const o = (s = document.defaultView) == null ? void 0 : s.getComputedStyle(t, "");
-    return o ? o[n] : "";
+    const s = (o = document.defaultView) == null ? void 0 : o.getComputedStyle(t, "");
+    return s ? s[n] : "";
   } catch {
     return t.style[n];
   }
-}, L = "das", me = "is-", v = (t, e, n, s, c) => {
-  let o = `${t}-${e}`;
-  return n && (o += `-${n}`), s && (o += `__${s}`), c && (o += `--${c}`), o;
-}, ve = Symbol("namespaceContextKey"), ge = (t) => {
-  const e = t || D(ve, I(L));
-  return x(() => Z(e) || L);
-}, pe = (t, e) => {
-  const n = ge(e);
+}, w = "das", ge = "is-", f = (t, e, n, o, c) => {
+  let s = `${t}-${e}`;
+  return n && (s += `-${n}`), o && (s += `__${o}`), c && (s += `--${c}`), s;
+}, pe = Symbol("namespaceContextKey"), ye = (t) => {
+  const e = t || R(pe, I(w));
+  return b(() => j(e) || w);
+}, be = (t, e) => {
+  const n = ye(e);
   return {
     namespace: n,
-    b: (a = "") => v(n.value, t, a, "", ""),
-    e: (a) => a ? v(n.value, t, "", a, "") : "",
-    m: (a) => a ? v(n.value, t, "", "", a) : "",
-    be: (a, r) => a && r ? v(n.value, t, a, r, "") : "",
-    em: (a, r) => a && r ? v(n.value, t, "", a, r) : "",
-    bm: (a, r) => a && r ? v(n.value, t, a, "", r) : "",
-    bem: (a, r, i) => a && r && i ? v(n.value, t, a, r, i) : "",
+    b: (a = "") => f(n.value, t, a, "", ""),
+    e: (a) => a ? f(n.value, t, "", a, "") : "",
+    m: (a) => a ? f(n.value, t, "", "", a) : "",
+    be: (a, r) => a && r ? f(n.value, t, a, r, "") : "",
+    em: (a, r) => a && r ? f(n.value, t, "", a, r) : "",
+    bm: (a, r) => a && r ? f(n.value, t, a, "", r) : "",
+    bem: (a, r, l) => a && r && l ? f(n.value, t, a, r, l) : "",
     is: (a, ...r) => {
-      const i = r.length >= 1 ? r[0] : !0;
-      return a && i ? `${me}${a}` : "";
+      const l = r.length >= 1 ? r[0] : !0;
+      return a && l ? `${ge}${a}` : "";
     },
     // css
     cssVar: (a) => {
       const r = {};
-      for (const i in a)
-        a[i] && (r[`--${n.value}-${i}`] = a[i]);
+      for (const l in a)
+        a[l] && (r[`--${n.value}-${l}`] = a[l]);
       return r;
     },
     cssVarName: (a) => `--${n.value}-${a}`,
     cssVarBlock: (a) => {
       const r = {};
-      for (const i in a)
-        a[i] && (r[`--${n.value}-${t}-${i}`] = a[i]);
+      for (const l in a)
+        a[l] && (r[`--${n.value}-${t}-${l}`] = a[l]);
       return r;
     },
     cssVarBlockName: (a) => `--${n.value}-${t}-${a}`
   };
-}, O = I(0), M = 2e3, ye = Symbol("zIndexContextKey"), be = (t) => {
-  const e = t || D(ye, void 0), n = x(() => {
-    const o = Z(e);
-    return fe(o) ? o : M;
-  }), s = x(() => n.value + O.value);
+}, P = I(0), Y = 2e3, xe = Symbol("zIndexContextKey"), _e = (t) => {
+  const e = t || R(xe, void 0), n = b(() => {
+    const s = j(e);
+    return ve(s) ? s : Y;
+  }), o = b(() => n.value + P.value);
   return {
     initialZIndex: n,
-    currentZIndex: s,
-    nextZIndex: () => (O.value++, s.value)
+    currentZIndex: o,
+    nextZIndex: () => (P.value++, o.value)
   };
 };
-function xe(t) {
-  const e = pe(
+function Ce(t) {
+  const e = be(
     t,
-    x(() => L)
-  ), n = be(
-    x(() => M)
+    b(() => w)
+  ), n = _e(
+    b(() => Y)
   );
   return {
     ns: e,
     zIndex: n
   };
 }
-const k = (t, e) => {
+const z = (t, e) => {
   const n = t.__vccOpts || t;
-  for (const [s, c] of e)
-    n[s] = c;
+  for (const [o, c] of e)
+    n[o] = c;
   return n;
-}, _e = {}, Ce = { class: "das-loading-container das-loading-page" };
-function $e(t, e) {
-  return N(), V("div", Ce, [...e[0] || (e[0] = [
-    R('<div class="das-loading-dot-loading" data-v-556fdb62><i class="das-loading-dot-item" data-v-556fdb62></i><i class="das-loading-dot-item" data-v-556fdb62></i><i class="das-loading-dot-item" data-v-556fdb62></i><i class="das-loading-dot-item" data-v-556fdb62></i></div>', 1)
+}, $e = {}, Ie = { class: "das-loading-container das-loading-page" };
+function he(t, e) {
+  return V(), A("div", Ie, [...e[0] || (e[0] = [
+    K('<div class="das-loading-dot-loading" data-v-556fdb62><i class="das-loading-dot-item" data-v-556fdb62></i><i class="das-loading-dot-item" data-v-556fdb62></i><i class="das-loading-dot-item" data-v-556fdb62></i><i class="das-loading-dot-item" data-v-556fdb62></i></div>', 1)
   ])]);
 }
-const S = /* @__PURE__ */ k(_e, [["render", $e], ["__scopeId", "data-v-556fdb62"]]), Ie = {}, he = { class: "das-loading-container das-loading-component" };
-function Le(t, e) {
-  return N(), V("div", he, [...e[0] || (e[0] = [
-    z(
+const T = /* @__PURE__ */ z($e, [["render", he], ["__scopeId", "data-v-556fdb62"]]), Le = {}, we = { class: "das-loading-container das-loading-component" };
+function Ne(t, e) {
+  return V(), A("div", we, [...e[0] || (e[0] = [
+    E(
       "div",
       { class: "das-loading-dot-loading" },
       [
-        z("i", { class: "das-loading-dot-item" })
+        E("i", { class: "das-loading-dot-item" })
       ],
       -1
       /* CACHED */
     )
   ])]);
 }
-const we = /* @__PURE__ */ k(Ie, [["render", Le], ["__scopeId", "data-v-00355f8b"]]), Ne = {}, Ve = { class: "das-loading-container das-loading-containerload" };
-function Ae(t, e) {
-  return N(), V("div", Ve, [...e[0] || (e[0] = [
-    R('<div class="das-loading-dot-loading" data-v-80a6a49a><i class="das-loading-dot-item" data-v-80a6a49a></i><i class="das-loading-dot-item" data-v-80a6a49a></i><i class="das-loading-dot-item" data-v-80a6a49a></i><i class="das-loading-dot-item" data-v-80a6a49a></i></div>', 1)
+const Ve = /* @__PURE__ */ z(Le, [["render", Ne], ["__scopeId", "data-v-00355f8b"]]), Ae = {}, ke = { class: "das-loading-container das-loading-containerload" };
+function ze(t, e) {
+  return V(), A("div", ke, [...e[0] || (e[0] = [
+    K('<div class="das-loading-dot-loading" data-v-80a6a49a><i class="das-loading-dot-item" data-v-80a6a49a></i><i class="das-loading-dot-item" data-v-80a6a49a></i><i class="das-loading-dot-item" data-v-80a6a49a></i><i class="das-loading-dot-item" data-v-80a6a49a></i></div>', 1)
   ])]);
 }
-const ke = /* @__PURE__ */ k(Ne, [["render", Ae], ["__scopeId", "data-v-80a6a49a"]]);
-function ze(t) {
-  let e;
-  const n = I(!1), s = J({
+const Be = /* @__PURE__ */ z(Ae, [["render", ze], ["__scopeId", "data-v-80a6a49a"]]);
+function Ee(t) {
+  let e, n = !1, o = !1;
+  const c = I(!1), s = W({
     ...t,
     originalPosition: "",
     originalOverflow: "",
     visible: !1
   });
-  function c(d) {
+  function u(d) {
     s.text = d;
   }
-  function o() {
-    const d = s.parent, m = p.ns;
+  function g() {
+    if (o) return;
+    o = !0;
+    const d = s.parent, a = v.ns;
     if (!d.vLoadingAddClassList) {
-      let f = d.getAttribute("loading-number");
-      f = Number.parseInt(f) - 1, f ? d.setAttribute("loading-number", f.toString()) : ($(d, m.bm("parent", "relative")), d.removeAttribute("loading-number")), $(d, m.bm("parent", "hidden"));
+      let r = d.getAttribute("loading-number");
+      r = Number.parseInt(r) - 1, r ? d.setAttribute("loading-number", r.toString()) : ($(d, a.bm("parent", "relative")), d.removeAttribute("loading-number")), $(d, a.bm("parent", "hidden"));
     }
-    u(), h.unmount();
+    i(), h.unmount();
   }
-  function u() {
-    var d, m;
-    (m = (d = p.$el) == null ? void 0 : d.parentNode) == null || m.removeChild(p.$el);
+  function i() {
+    var d, a;
+    (a = (d = v.$el) == null ? void 0 : d.parentNode) == null || a.removeChild(v.$el);
   }
-  function y() {
+  function m() {
     var d;
-    t.beforeClose && !t.beforeClose() || (n.value = !0, clearTimeout(e), e = window.setTimeout(l, 400), s.visible = !1, (d = t.closed) == null || d.call(t));
+    n || o || t.beforeClose && !t.beforeClose() || (n = !0, c.value = !0, clearTimeout(e), e = window.setTimeout(x, 400), s.visible = !1, (d = t.closed) == null || d.call(t));
   }
-  function l() {
-    if (!n.value) return;
+  function x() {
+    if (!c.value) return;
     const d = s.parent;
-    n.value = !1, d.vLoadingAddClassList = void 0, o();
+    c.value = !1, d.vLoadingAddClassList = void 0, g();
   }
-  const g = Q({
+  const B = X({
     name: "DasLoading",
-    setup(d, { expose: m }) {
-      const { ns: f, zIndex: a } = xe("loading");
-      return m({
-        ns: f,
-        zIndex: a
+    setup(d, { expose: a }) {
+      const { ns: r, zIndex: l } = Ce("loading");
+      return a({
+        ns: r,
+        zIndex: l
       }), () => {
-        let r = s.spinner || s.svg || S;
-        const i = s.type;
-        i == "page" && (r = S), i == "container" && (r = ke), i == "component" && (r = we);
-        const Y = typeof r == "boolean" ? void 0 : _(r), H = s.text ? _("p", { class: f.b("text") }, [s.text]) : void 0;
+        let p = s.spinner || s.svg || T;
+        const L = s.type;
+        L == "page" && (p = T), L == "container" && (p = Be), L == "component" && (p = Ve);
+        const J = typeof p == "boolean" ? void 0 : _(p), Q = s.text ? _("p", { class: r.b("text") }, [s.text]) : void 0;
         return _(
-          W,
+          ee,
           {
-            name: f.b("fade"),
-            onAfterLeave: l
+            name: r.b("fade"),
+            onAfterLeave: x
           },
           {
-            default: X(() => [
-              ee(
-                te(
+            default: te(() => [
+              ne(
+                se(
                   "div",
                   {
                     style: {
                       backgroundColor: s.background || ""
                     },
                     class: [
-                      f.b("mask"),
+                      r.b("mask"),
                       s.customClass,
                       s.fullscreen ? "is-fullscreen" : ""
                     ]
@@ -198,51 +200,51 @@ function ze(t) {
                     _(
                       "div",
                       {
-                        class: f.b("spinner")
+                        class: r.b("spinner")
                       },
-                      [Y, H]
+                      [J, Q]
                     )
                   ]
                 ),
-                [[ne, s.visible]]
+                [[ae, s.visible]]
               )
             ])
           }
         );
       };
     }
-  }), h = se(g), p = h.mount(document.createElement("div"));
+  }), h = oe(B), v = h.mount(document.createElement("div"));
   return {
-    ...ae(s),
-    setText: c,
-    removeElLoadingChild: u,
-    close: y,
-    handleAfterLeave: l,
-    vm: p,
+    ...re(s),
+    setText: u,
+    removeElLoadingChild: i,
+    close: m,
+    handleAfterLeave: x,
+    vm: v,
     get $el() {
-      return p.$el;
+      return v.$el;
     }
   };
 }
 let C;
-const U = function(t = {}) {
-  if (!A) return;
-  const e = Be(t);
+const H = function(t = {}) {
+  if (!k) return;
+  const e = Oe(t);
   if (e.fullscreen && C)
     return C;
-  const n = ze({
+  const n = Ee({
     ...e,
     closed: () => {
       var c;
       (c = e.closed) == null || c.call(e), e.fullscreen && (C = void 0);
     }
   });
-  Ee(e, e.parent, n), P(e, e.parent, n), e.parent.vLoadingAddClassList = () => P(e, e.parent, n);
-  let s = e.parent.getAttribute("loading-number");
-  return s ? s = `${Number.parseInt(s) + 1}` : s = "1", e.parent.setAttribute("loading-number", s), e.parent.appendChild(n.$el), j(() => n.visible.value = e.visible), e.fullscreen && (C = n), n;
-}, Be = (t) => {
+  Se(e, e.parent, n), D(e, e.parent, n), e.parent.vLoadingAddClassList = () => D(e, e.parent, n);
+  let o = e.parent.getAttribute("loading-number");
+  return o ? o = `${Number.parseInt(o) + 1}` : o = "1", e.parent.setAttribute("loading-number", o), e.parent.appendChild(n.$el), F(() => n.visible.value = e.visible), e.fullscreen && (C = n), n;
+}, Oe = (t) => {
   let e;
-  return K(t.target) ? e = document.querySelector(t.target) ?? document.body : e = t.target || document.body, {
+  return G(t.target) ? e = document.querySelector(t.target) ?? document.body : e = t.target || document.body, {
     parent: e === document.body || t.body ? document.body : e,
     background: t.background || "",
     svg: t.svg || "",
@@ -256,70 +258,70 @@ const U = function(t = {}) {
     visible: t.visible ?? !0,
     target: e
   };
-}, Ee = async (t, e, n) => {
-  const { nextZIndex: s } = n.vm.zIndex || n.vm._.exposed.zIndex, c = {};
+}, Se = async (t, e, n) => {
+  const { nextZIndex: o } = n.vm.zIndex || n.vm._.exposed.zIndex, c = {};
   if (t.fullscreen)
-    n.originalPosition.value = b(document.body, "position"), n.originalOverflow.value = b(document.body, "overflow"), c.zIndex = s();
+    n.originalPosition.value = y(document.body, "position"), n.originalOverflow.value = y(document.body, "overflow"), c.zIndex = o();
   else if (t.parent === document.body) {
-    n.originalPosition.value = b(document.body, "position"), await j();
-    for (const o of ["top", "left"]) {
-      const u = o === "top" ? "scrollTop" : "scrollLeft";
-      c[o] = `${t.target.getBoundingClientRect()[o] + document.body[u] + document.documentElement[u] - Number.parseInt(b(document.body, `margin-${o}`), 10)}px`;
+    n.originalPosition.value = y(document.body, "position"), await F();
+    for (const s of ["top", "left"]) {
+      const u = s === "top" ? "scrollTop" : "scrollLeft";
+      c[s] = `${t.target.getBoundingClientRect()[s] + document.body[u] + document.documentElement[u] - Number.parseInt(y(document.body, `margin-${s}`), 10)}px`;
     }
-    for (const o of ["height", "width"])
-      c[o] = `${t.target.getBoundingClientRect()[o]}px`;
+    for (const s of ["height", "width"])
+      c[s] = `${t.target.getBoundingClientRect()[s]}px`;
   } else
-    n.originalPosition.value = b(e, "position");
-  for (const [o, u] of Object.entries(c))
-    n.$el.style[o] = u;
-}, P = (t, e, n) => {
-  const s = n.vm.ns || n.vm._.exposed.ns;
-  ["absolute", "fixed", "sticky"].includes(n.originalPosition.value) ? $(e, s.bm("parent", "relative")) : E(e, s.bm("parent", "relative")), t.fullscreen && t.lock ? E(e, s.bm("parent", "hidden")) : $(e, s.bm("parent", "hidden"));
-}, w = Symbol("DasLoading"), T = (t, e) => {
-  const n = e.instance, s = (l) => F(e.value) ? e.value[l] : void 0, c = (l) => {
-    const g = K(l) && (n == null ? void 0 : n[l]) || l;
-    return g && I(g);
-  }, o = (l) => c(
-    s(l) || t.getAttribute(`das-loading-${ue(l)}`)
-  ), u = s("fullscreen") ?? e.modifiers.fullscreen, y = {
-    type: o("type"),
-    text: o("text"),
-    svg: o("svg"),
-    svgViewBox: o("svgViewBox"),
-    spinner: o("spinner"),
-    background: o("background"),
-    customClass: o("customClass"),
+    n.originalPosition.value = y(e, "position");
+  for (const [s, u] of Object.entries(c))
+    n.$el.style[s] = u;
+}, D = (t, e, n) => {
+  const o = n.vm.ns || n.vm._.exposed.ns;
+  ["absolute", "fixed", "sticky"].includes(n.originalPosition.value) ? $(e, o.bm("parent", "relative")) : S(e, o.bm("parent", "relative")), t.fullscreen && t.lock ? S(e, o.bm("parent", "hidden")) : $(e, o.bm("parent", "hidden"));
+}, N = Symbol("DasLoading"), Z = (t, e) => {
+  const n = e.instance, o = (i) => q(e.value) ? e.value[i] : void 0, c = (i) => {
+    const m = G(i) && (n == null ? void 0 : n[i]) || i;
+    return m && I(m);
+  }, s = (i) => c(
+    o(i) || t.getAttribute(`das-loading-${me(i)}`)
+  ), u = o("fullscreen") ?? e.modifiers.fullscreen, g = {
+    type: s("type"),
+    text: s("text"),
+    svg: s("svg"),
+    svgViewBox: s("svgViewBox"),
+    spinner: s("spinner"),
+    background: s("background"),
+    customClass: s("customClass"),
     fullscreen: u,
-    target: s("target") ?? (u ? void 0 : t),
-    body: s("body") ?? e.modifiers.body,
-    lock: s("lock") ?? e.modifiers.lock
+    target: o("target") ?? (u ? void 0 : t),
+    body: o("body") ?? e.modifiers.body,
+    lock: o("lock") ?? e.modifiers.lock
   };
-  t[w] = {
-    options: y,
-    instance: U(y)
+  t[N] = {
+    options: g,
+    instance: H(g)
   };
-}, Oe = (t, e) => {
+}, Pe = (t, e) => {
   for (const n of Object.keys(e))
-    oe(e[n]) && (e[n].value = t[n]);
-}, De = {
+    ce(e[n]) && (e[n].value = t[n]);
+}, Re = {
   mounted(t, e) {
-    e.value && T(t, e);
+    e.value && Z(t, e);
   },
   updated(t, e) {
-    const n = t[w];
-    e.oldValue !== e.value && (e.value && !e.oldValue ? T(t, e) : e.value && e.oldValue ? F(e.value) && Oe(e.value, n.options) : n == null || n.instance.close());
+    const n = t[N];
+    e.oldValue !== e.value && (e.value && !e.oldValue ? Z(t, e) : e.value && e.oldValue ? q(e.value) && Pe(e.value, n.options) : n == null || n.instance.close());
   },
   unmounted(t) {
     var e;
-    (e = t[w]) == null || e.instance.close();
+    (e = t[N]) == null || e.instance.close();
   }
-}, Se = { 加载: { "zh-CN": "加载", en: "Loading", "zh-MO": "加載", _appCode: "framework" } };
-re(Se);
-const Ze = {
-  service: U
-}, Re = { name: `loading ${ce("加载")}` };
+}, Te = { 加载: { "zh-CN": "加载", en: "Loading", "zh-MO": "加載", _appCode: "framework" } };
+de(Te);
+const je = {
+  service: H
+}, Ke = { name: `loading ${le("加载")}` };
 export {
-  Ze as DasLoading,
-  Re as default,
-  De as vDasLoading
+  je as DasLoading,
+  Ke as default,
+  Re as vDasLoading
 };