@das-fed/upf-ui 6.4.0-dev.131 → 6.4.0-dev.133

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

@@ -0,0 +1,17 @@
+import type { Props } from './type';
+export declare const SIZE_MAP: Record<NonNullable<Props['size']>, {
+    height: string;
+    fontSize: string;
+    defaultWidth: string;
+}>;
+export declare const STATUS_MAP: {
+    view: {
+        color: string;
+    };
+    disabled: {
+        color: string;
+    };
+    error: {
+        color: string;
+    };
+};

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

@@ -0,0 +1,13 @@
+import { ElInput } from 'element-plus';
+import { Ref } from 'vue';
+/**
+ * @description 校验输入框是否溢出时省略提示
+ */
+export declare function useOverflowTip({ elInputRef, inputValue, placeholder, }: {
+    elInputRef: Ref<InstanceType<typeof ElInput> | undefined>;
+    inputValue: Ref<string>;
+    placeholder: Ref<string>;
+}): {
+    showToolTip: import("vue").ComputedRef<boolean | undefined>;
+    tooltipContent: import("vue").ComputedRef<string>;
+};

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

@@ -5,25 +5,23 @@ import type { InputProps } from 'element-plus'
 
 export interface Props {
   
-  modelValue: any
+  modelValue?: any
   
-  type: string
+  type?: string
   
   width?: string | number
   
-  borderType?: string
+  borderType?: 'bottom' | 'bordered'
   
   placeholder?: string
   
-  size?: 'default' | 'table'
+  size?: 'large' | 'default' | 'small' | 'table'
   
   disabled?: boolean
   
   isView?: boolean
   
-  success?: boolean
-  
-  successLabel?: string
+
   
   error?: boolean
   
@@ -46,10 +44,12 @@ export interface Props {
   showTextWordLimit?: boolean
   
   maxlength?: number | string
-  
-  maxLength?: number | string
+
   
   filterSpace?: boolean
+
+  
+  clearable?: boolean
 }
 export interface Emits {
   (e: 'update:modelValue', val: any): void

package/packages/components/input/style.css

@@ -1 +1 @@
-[data-v-ab034003] .el-textarea textarea::-webkit-scrollbar{width:8px;height:8px;background-color:transparent}[data-v-ab034003] .el-textarea textarea::-webkit-scrollbar-corner{background-color:#0000}[data-v-ab034003] .el-textarea textarea::-webkit-scrollbar-thumb{border-radius:16px;border:4px solid rgba(153,153,153,.3);background-clip:content-box;background-color:#9999994d}.das-ui-input[data-v-ab034003]{position:relative}.das-ui-input[data-v-ab034003] .el-input .el-input__wrapper .el-input__inner{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.das-ui-input[data-v-ab034003] .el-input .el-input__wrapper .el-input__suffix .el-input__suffix-inner .el-input__clear{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1685934237687'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='2634'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M512%20128c212.064%200%20384%20171.936%20384%20384s-171.936%20384-384%20384S128%20724.064%20128%20512%20299.936%20128%20512%20128z%20m-140.384%20198.72a32%2032%200%200%200-42.24%202.656l-2.656%203.008a32%2032%200%200%200%202.656%2042.24L466.72%20512l-137.344%20137.376a32%2032%200%200%200%2045.248%2045.248L512%20557.28l137.376%20137.344%203.008%202.656a32%2032%200%200%200%2042.24-2.656l2.656-3.008a32%2032%200%200%200-2.656-42.24L557.28%20512l137.344-137.376a32%2032%200%200%200-45.248-45.248L512%20466.72l-137.376-137.344z'%20fill='%23d9d9d9'%20fill-opacity='1'%20p-id='2635'%3e%3c/path%3e%3c/svg%3e");background-size:cover;width:16px;height:16px}.das-ui-input[data-v-ab034003] .el-input .el-input__wrapper .el-input__suffix .el-input__suffix-inner .el-input__clear:hover{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1685934237687'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='2634'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M512%20128c212.064%200%20384%20171.936%20384%20384s-171.936%20384-384%20384S128%20724.064%20128%20512%20299.936%20128%20512%20128z%20m-140.384%20198.72a32%2032%200%200%200-42.24%202.656l-2.656%203.008a32%2032%200%200%200%202.656%2042.24L466.72%20512l-137.344%20137.376a32%2032%200%200%200%2045.248%2045.248L512%20557.28l137.376%20137.344%203.008%202.656a32%2032%200%200%200%2042.24-2.656l2.656-3.008a32%2032%200%200%200-2.656-42.24L557.28%20512l137.344-137.376a32%2032%200%200%200-45.248-45.248L512%20466.72l-137.376-137.344z'%20fill='%23999999'%20fill-opacity='1'%20p-id='2635'%3e%3c/path%3e%3c/svg%3e")}.das-ui-input[data-v-ab034003] .el-input .el-input__wrapper .el-input__suffix .el-input__suffix-inner .el-input__clear svg{display:none}.das-ui-input.das-input-normal-size[data-v-ab034003]{width:230px}.das-ui-input.das-input-table-size[data-v-ab034003]{width:132px}.das-ui-input.das-input-table-size[data-v-ab034003] .el-input .el-input__wrapper .el-input__inner{height:30px;line-height:30px;font-size:12px}.das-ui-input.das-input-table-size[data-v-ab034003] .el-input .el-input__wrapper .el-input__inner::placeholder{font-size:12px}.das-ui-input[data-v-ab034003]{display:inline-block}.das-ui-input[data-v-ab034003] .el-input .el-input__wrapper{box-shadow:none;padding:0 8px;box-shadow:0 0 0 1px var(--das-ui-input-full-border-color) inset;border-radius:2px}.das-ui-input[data-v-ab034003] .el-input .el-input__wrapper .el-input__inner{height:25px;line-height:25px;color:var(--das-ui-input-default-text-color)}.das-ui-input[data-v-ab034003] .el-input .el-input__wrapper .el-input__inner::-webkit-input-placeholder{font-size:14px;color:var(--das-ui-input-default-placeholder-text-color)}.das-ui-input[data-v-ab034003] .el-input .el-input__wrapper:hover,.das-ui-input[data-v-ab034003] .el-input .el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--das-ui-input-active-full-border-color) inset}.das-ui-input[data-v-ab034003] .el-input.is-disabled .el-input__wrapper{background:#f5f5f5;box-shadow:0 0 0 1px var(--das-ui-input-disabled-full-border-color) inset}.das-ui-input[data-v-ab034003] .el-input.is-disabled .el-input__wrapper .el-input__inner{color:var(--das-ui-input-disabled-full-border-text-color);-webkit-text-fill-color:var(--das-ui-input-disabled-full-border-text-color)}.das-ui-input[data-v-ab034003] .el-input.is-view .el-input__wrapper{background:transparent;box-shadow:0 0 0 1px var(--das-ui-input-view-full-border-color) inset}.das-ui-input[data-v-ab034003] .el-input.is-view .el-input__wrapper .el-input__inner{color:var(--das-ui-input-default-text-color);-webkit-text-fill-color:var(--das-ui-input-default-text-color);cursor:default}.das-ui-input[data-v-ab034003] .el-input.das-input-success .el-input__wrapper,.das-ui-input[data-v-ab034003] .el-input.das-input-success .el-input__wrapper:hover{box-shadow:0 0 0 1px var(--das-ui-input-success-color) inset}.das-ui-input[data-v-ab034003] .el-input.das-input-error .el-input__wrapper,.das-ui-input[data-v-ab034003] .el-input.das-input-error .el-input__wrapper:hover{box-shadow:0 0 0 1px var(--das-ui-input-error-color) inset}.das-ui-input .das-input-label-content[data-v-ab034003]{font-size:12px}.das-ui-input .das-input-label-content .das-input-success-label[data-v-ab034003]{display:block;color:var(--das-ui-input-success-color);white-space:break-spaces}.das-ui-input .das-input-label-content .das-input-error-label[data-v-ab034003]{display:block;color:var(--das-ui-input-error-color);white-space:break-spaces}.das-ui-input .das-input-label-content .error-label-overflow[data-v-ab034003]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.das-ui-input .das-input-overlay-error-label-content[data-v-ab034003]{width:100%;position:absolute;top:100%;left:0;background-color:var(--das-ui-color-overlay-error);box-shadow:0 4px 10px #0003;border-radius:1px;padding:2px 8px;box-sizing:border-box;z-index:99;transition:.2s}.das-ui-input .das-input-overlay-error-label-content .label[data-v-ab034003]{font-size:12px;color:var(--das-ui-input-number-overlay-error-color)}.das-ui-input[data-v-ab034003] .el-textarea{margin-bottom:20px}.das-ui-input[data-v-ab034003] .el-textarea .el-textarea__inner{resize:none;border-radius:2px;padding:4.5px 8px;height:44px;min-height:44px!important;color:var(--das-ui-input-default-text-color);box-shadow:0 0 0 1px var(--das-ui-input-full-border-color) inset;word-break:break-word!important}.das-ui-input[data-v-ab034003] .el-textarea .el-textarea__inner:hover{box-shadow:0 0 0 1px var(--das-ui-input-active-full-border-color) inset}.das-ui-input[data-v-ab034003] .el-textarea .el-textarea__inner:focus{box-shadow:0 0 0 1px var(--das-ui-input-active-full-border-color) inset}.das-ui-input[data-v-ab034003] .el-textarea.is-view .el-textarea__inner{background:transparent;box-shadow:0 0 0 1px var(--das-ui-input-view-full-border-color) inset;color:var(--das-ui-input-default-text-color);-webkit-text-fill-color:var(--das-ui-input-default-text-color);cursor:default}.das-ui-input[data-v-ab034003] .el-textarea.is-disabled .el-textarea__inner{background:#f5f5f5;box-shadow:0 0 0 1px var(--das-ui-input-disabled-full-border-color) inset;color:var(--das-ui-input-disabled-full-border-text-color);-webkit-text-fill-color:var(--das-ui-input-disabled-full-border-text-color);cursor:not-allowed}.das-ui-input[data-v-ab034003] .el-textarea.das-input-error .el-textarea__inner,.das-ui-input[data-v-ab034003] .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[data-v-ab034003] .el-textarea.das-input-success .el-textarea__inner,.das-ui-input[data-v-ab034003] .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[data-v-ab034003] .el-textarea .el-input__count{display:none;bottom:-18px;right:0;font-size:14px;color:var(--das-ui-input-textarea-count-color)}.das-ui-input[data-v-ab034003] .el-input.el-input-group{--el-input-height: 25px}.das-ui-input[data-v-ab034003] .el-input.el-input-group.el-input-group--append .el-input__wrapper{border-top-right-radius:0;border-bottom-right-radius:0}.das-ui-input[data-v-ab034003] .el-input.el-input-group.el-input-group--prepend .el-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.das-ui-input[data-v-ab034003] .el-input.el-input-group .el-input-group__append{background:var(--das-ui-input-ground-bg-color);padding:0 8px;box-shadow:0 1px 0 0 var(--das-ui-input-full-border-color) inset,0 -1px 0 0 var(--das-ui-input-full-border-color) inset,-1px 0 0 0 var(--das-ui-input-full-border-color) inset}.das-ui-input[data-v-ab034003] .el-input.el-input-group .el-input-group__prepend{box-shadow:1px 0 0 0 var(--das-ui-input-full-border-color) inset,0 1px 0 0 var(--das-ui-input-full-border-color) inset,0 -1px 0 0 var(--das-ui-input-full-border-color) inset;background:var(--das-ui-input-ground-bg-color);padding:0 8px}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input .el-input__wrapper{box-shadow:none;padding:1px 0;border-bottom:1px solid var(--das-ui-input-only-bottom-color);border-radius:0%}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input .el-input__wrapper:hover{border-bottom-color:var(--das-ui-input-only-bottom-active-border-color)}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input .el-input__wrapper:focus{border-bottom-color:var(--das-ui-input-only-bottom-active-border-color)}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input .el-input__wrapper .el-input__inner{height:22px;line-height:22px;color:var(--das-ui-input-default-text-color)}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input .el-input__wrapper .el-input__inner::-webkit-input-placeholder{font-size:14px;color:var(--das-ui-input-default-placeholder-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input .el-input__wrapper.is-focus{border-bottom-color:var(--das-ui-input-only-bottom-active-border-color)}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input.is-disabled .el-input__wrapper{background:transparent;border-bottom-color:var(--das-ui-input-only-bottom-disabled-border-color)}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input.is-disabled .el-input__wrapper:hover{border-bottom-color:var(--das-ui-input-only-bottom-disabled-border-color)}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input.is-disabled .el-input__wrapper .el-input__inner{color:var(--das-ui-input-only-bottom-disabled-border-text-color);-webkit-text-fill-color:var(--das-ui-input-only-bottom-disabled-border-text-color)}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input.is-view .el-input__wrapper{background:transparent;border-bottom-color:var(--das-ui-input-only-bottom-view-border-color)}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input.is-view .el-input__wrapper:hover{border-bottom-color:var(--das-ui-input-only-bottom-view-border-color)}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input.is-view .el-input__wrapper .el-input__inner{color:var(--das-ui-input-default-text-color);-webkit-text-fill-color:var(--das-ui-input-default-text-color);cursor:default}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input.das-input-success .el-input__wrapper{border-bottom-color:var(--das-ui-input-success-color)!important}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input.das-input-success .el-input__wrapper:hover{box-shadow:none;border-bottom-color:var(--das-ui-input-success-color)!important}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input.das-input-error .el-input__wrapper{border-bottom-color:var(--das-ui-input-error-color)!important}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input.das-input-error .el-input__wrapper:hover{box-shadow:none;border-bottom-color:var(--das-ui-input-error-color)!important}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input.el-input-group.das-input-error{border-bottom-color:var(--das-ui-input-error-color)!important}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input.el-input-group.das-input-error:hover{box-shadow:none;border-bottom-color:var(--das-ui-input-error-color)!important}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input.el-input-group.das-input-success{border-bottom-color:var(--das-ui-input-success-color)!important}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input.el-input-group.das-input-success:hover{box-shadow:none;border-bottom-color:var(--das-ui-input-success-color)!important}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input.el-input-group.is-view{background:transparent;border-bottom-color:var(--das-ui-input-only-bottom-view-border-color)!important}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input.el-input-group.is-view:hover{border-bottom-color:var(--das-ui-input-only-bottom-view-border-color)!important}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input.el-input-group{--el-input-height: 25px;border-bottom:1px solid var(--das-ui-input-only-bottom-color)}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input.el-input-group:hover{border-bottom-color:var(--das-ui-input-only-bottom-active-border-color)}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input.el-input-group.el-input-group--append .el-input__wrapper,.das-ui-input.only-border-bottom[data-v-ab034003] .el-input.el-input-group.el-input-group--prepend .el-input__wrapper{border-bottom:none}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input.el-input-group .el-input-group__append{background:transparent;padding:1px 0 1px 8px;box-shadow:none;border-radius:0;box-sizing:border-box;line-height:22px}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input.el-input-group .el-input-group__prepend{box-shadow:none;background:transparent;padding:1px 4px 1px 0;border-radius:0;box-sizing:border-box;line-height:22px}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input.el-input-group.input-focus-color{border-bottom-color:var(--das-ui-input-only-bottom-active-border-color)}.das-ui-input.only-border-bottom[data-v-ab034003] .el-textarea{margin-bottom:20px}.das-ui-input.only-border-bottom[data-v-ab034003] .el-textarea .el-textarea__inner{resize:none;border-radius:0;box-shadow:none;padding:0 0 3px;height:25px;min-height:25px!important;border-bottom:1px solid var(--das-ui-input-only-bottom-color);word-break:break-word!important}.das-ui-input.only-border-bottom[data-v-ab034003] .el-textarea .el-textarea__inner:hover{border-bottom-color:var(--das-ui-input-only-bottom-active-border-color)}.das-ui-input.only-border-bottom[data-v-ab034003] .el-textarea .el-textarea__inner:focus{border-bottom-color:var(--das-ui-input-only-bottom-active-border-color)}.das-ui-input.only-border-bottom[data-v-ab034003] .el-textarea.is-view .el-textarea__inner{background:transparent;border-bottom-color:var(--das-ui-input-only-bottom-view-border-color);color:var(--das-ui-input-default-text-color);-webkit-text-fill-color:var(--das-ui-input-default-text-color);cursor:default}.das-ui-input.only-border-bottom[data-v-ab034003] .el-textarea.is-view .el-textarea__inner:hover{border-bottom-color:var(--das-ui-input-only-bottom-view-border-color)}.das-ui-input.only-border-bottom[data-v-ab034003] .el-textarea.is-disabled .el-textarea__inner{background:transparent;border-bottom-color:var(--das-ui-input-only-bottom-disabled-border-color);color:var(--das-ui-input-only-bottom-disabled-border-text-color);-webkit-text-fill-color:var(--das-ui-input-only-bottom-disabled-border-text-color);cursor:not-allowed}.das-ui-input.only-border-bottom[data-v-ab034003] .el-textarea.is-disabled .el-textarea__inner:hover{border-bottom-color:var(--das-ui-input-only-bottom-disabled-border-color)}.das-ui-input.only-border-bottom[data-v-ab034003] .el-textarea.das-input-success .el-textarea__inner{border-bottom-color:var(--das-ui-input-success-color)!important}.das-ui-input.only-border-bottom[data-v-ab034003] .el-textarea.das-input-success .el-textarea__inner:hover{box-shadow:none;border-bottom-color:var(--das-ui-input-success-color)!important}.das-ui-input.only-border-bottom[data-v-ab034003] .el-textarea.das-input-error .el-textarea__inner{border-bottom-color:var(--das-ui-input-error-color)!important}.das-ui-input.only-border-bottom[data-v-ab034003] .el-textarea.das-input-error .el-textarea__inner:hover{box-shadow:none;border-bottom-color:var(--das-ui-input-error-color)!important}.das-ui-input.only-border-bottom[data-v-ab034003] .el-textarea .el-input__count{bottom:-18px;right:0;font-size:14px;color:var(--das-ui-input-textarea-count-color)}
+.das-ui-input[data-v-765411f7]{--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-765411f7] .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-765411f7] .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-765411f7] .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-765411f7] .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-765411f7] .el-input .el-input__count{color:var(--das-input-count-color)}.das-ui-input.das-ui-textarea[data-v-765411f7] .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-765411f7] .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-765411f7] .el-textarea.das-input-error .el-textarea__inner,.das-ui-input.das-ui-textarea[data-v-765411f7] .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-765411f7] .el-textarea.das-input-success .el-textarea__inner,.das-ui-input.das-ui-textarea[data-v-765411f7] .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-765411f7] .el-textarea textarea::-webkit-scrollbar{width:8px;height:8px;background-color:transparent}.das-ui-input.das-ui-textarea[data-v-765411f7] .el-textarea textarea::-webkit-scrollbar-corner{background-color:#0000}.das-ui-input.das-ui-textarea[data-v-765411f7] .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-765411f7] .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-765411f7] .el-input .el-input__wrapper.is-focus,.das-ui-input--border-type-bordered[data-v-765411f7] .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-765411f7] .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-765411f7] .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-765411f7] .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-765411f7] .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-765411f7] .el-input .el-input__wrapper.is-focus,.das-ui-input--border-type-bottom[data-v-765411f7] .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-765411f7] .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-765411f7] .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-765411f7] .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-765411f7] .el-input .el-input__inner{cursor:default}.das-ui-input--disabled[data-v-765411f7] .el-input .el-input__wrapper{background-color:var(--das-input-disabled-bg-color)}.das-ui-input--disabled[data-v-765411f7] .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-765411f7] .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-765411f7]{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-765411f7]{line-height:18px;display:block;white-space:break-spaces}.das-ui-input .das-input-message_content.is-ellipsis[data-v-765411f7]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.das-ui-input[data-v-765411f7] .el-input__prefix .el-input__prefix-inner{color:var(--das-input-sub-font-color)}.das-ui-input[data-v-765411f7] .el-input__prefix .el-input__prefix-inner>:last-child{margin-right:4px}.das-ui-input[data-v-765411f7] .el-input__suffix .el-input__suffix-inner{color:var(--das-input-sub-font-color)}.das-ui-input[data-v-765411f7] .el-input__suffix .el-input__suffix-inner>:first-child{margin-left:4px}.das-ui-input[data-v-765411f7] .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-765411f7] .el-input-group--prepend>.el-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.das-ui-input[data-v-765411f7] .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-765411f7] .el-input-group--append>.el-input__wrapper{border-top-right-radius:0;border-bottom-right-radius:0}.das-ui-input[data-v-765411f7] .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-765411f7] .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-765411f7] .el-input .el-input__clear svg{display:none}

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

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

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

@@ -1 +1 @@
-.das-ui-input-dialog-select[data-v-c6b5d5b0]{display:inline-block;position:relative;vertical-align:bottom}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content[data-v-c6b5d5b0],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content[data-v-c6b5d5b0]{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-c6b5d5b0],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content.only-border-bottom[data-v-c6b5d5b0]{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-c6b5d5b0],.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-c6b5d5b0]{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-c6b5d5b0],.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-c6b5d5b0]{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-c6b5d5b0],.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-c6b5d5b0]{right:30px}.das-ui-input-dialog-select.normal-size[data-v-c6b5d5b0]{width:230px}.das-ui-input-dialog-select.normal-size .reset-plus[data-v-c6b5d5b0]{height:20px;line-height:20px}.das-ui-input-dialog-select.auto-size[data-v-c6b5d5b0]{width:100%}.das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content[data-v-c6b5d5b0]{padding:1px 8px}.das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content .dialog-text[data-v-c6b5d5b0]{height:20px;line-height:20px;font-size:14px}.das-ui-input-dialog-select.small-size .reset-plus[data-v-c6b5d5b0]{height:20px;line-height:20px}.das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content .placeholder-text[data-v-c6b5d5b0]{height:20px;line-height:20px;font-size:14px}.das-ui-input-dialog-select.table-size[data-v-c6b5d5b0]{width:100%}.das-ui-input-dialog-select.table-size .das-ui-input-dialog-select-content .dialog-text[data-v-c6b5d5b0],.das-ui-input-dialog-select.table-size .das-ui-input-dialog-select-content .placeholder-text[data-v-c6b5d5b0]{height:24px;line-height:24px;font-size:12px}.das-ui-input-dialog-select.table-size .reset-plus[data-v-c6b5d5b0]{height:24px;line-height:24px}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content[data-v-c6b5d5b0]{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-c6b5d5b0],.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content .reset-plus[data-v-c6b5d5b0]{color:#b2b2b2}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content .das-icon[data-v-c6b5d5b0]{cursor:not-allowed}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content.das-input-dialog-select-error[data-v-c6b5d5b0],.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content.only-border-bottom[data-v-c6b5d5b0],.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content[data-v-c6b5d5b0]{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-c6b5d5b0]{color:var(--das-ui-input-dialog-select-text)}.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content .das-icon[data-v-c6b5d5b0]{cursor:not-allowed}.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content.das-input-dialog-select-error[data-v-c6b5d5b0],.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content.only-border-bottom[data-v-c6b5d5b0]{border-color:var(--das-ui-input-dialog-select-view-border)}.das-ui-input-dialog-select .das-ui-input-dialog-select-content[data-v-c6b5d5b0]{border:1px solid var(--das-ui-input-dialog-select-border-all);background:#fff;border-radius:2px;padding:2px 8px;display:flex;align-items:center}.das-ui-input-dialog-select .das-ui-input-dialog-select-content.das-input-dialog-select-error[data-v-c6b5d5b0]{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-c6b5d5b0]{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-c6b5d5b0]: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-c6b5d5b0]{margin-left:15px}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .dialog-text[data-v-c6b5d5b0]{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-c6b5d5b0]{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-c6b5d5b0]{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-c6b5d5b0]: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-c6b5d5b0]{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-c6b5d5b0]: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-c6b5d5b0]{display:none}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-ui-input-dialog-select-search[data-v-c6b5d5b0]{visibility:visible}.das-ui-input-dialog-select .das-input-dialog-select-label-content[data-v-c6b5d5b0]{font-size:12px}.das-ui-input-dialog-select .das-input-dialog-select-label-content .das-input-dialog-select-error-label[data-v-c6b5d5b0]{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-c6b5d5b0]{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-c6b5d5b0]{font-size:12px;color:var(--das-ui-input-dialog-select-error-color)}
+.das-ui-input-dialog-select[data-v-077b0c9d]{display:inline-block;position:relative;vertical-align:bottom}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content[data-v-077b0c9d],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content[data-v-077b0c9d]{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-077b0c9d],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content.only-border-bottom[data-v-077b0c9d]{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-077b0c9d],.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-077b0c9d]{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-077b0c9d],.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-077b0c9d]{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-077b0c9d],.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-077b0c9d]{right:30px}.das-ui-input-dialog-select.normal-size[data-v-077b0c9d]{width:230px}.das-ui-input-dialog-select.normal-size .reset-plus[data-v-077b0c9d]{height:20px;line-height:20px}.das-ui-input-dialog-select.auto-size[data-v-077b0c9d]{width:100%}.das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content[data-v-077b0c9d]{padding:1px 8px}.das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content .dialog-text[data-v-077b0c9d]{height:20px;line-height:20px;font-size:14px}.das-ui-input-dialog-select.small-size .reset-plus[data-v-077b0c9d]{height:20px;line-height:20px}.das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content .placeholder-text[data-v-077b0c9d]{height:20px;line-height:20px;font-size:14px}.das-ui-input-dialog-select.table-size[data-v-077b0c9d]{width:100%}.das-ui-input-dialog-select.table-size .das-ui-input-dialog-select-content .dialog-text[data-v-077b0c9d],.das-ui-input-dialog-select.table-size .das-ui-input-dialog-select-content .placeholder-text[data-v-077b0c9d]{height:24px;line-height:24px;font-size:12px}.das-ui-input-dialog-select.table-size .reset-plus[data-v-077b0c9d]{height:24px;line-height:24px}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content[data-v-077b0c9d]{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-077b0c9d],.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content .reset-plus[data-v-077b0c9d]{color:#b2b2b2}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content .das-icon[data-v-077b0c9d]{cursor:not-allowed}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content.das-input-dialog-select-error[data-v-077b0c9d],.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content.only-border-bottom[data-v-077b0c9d],.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content[data-v-077b0c9d]{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-077b0c9d]{color:var(--das-ui-input-dialog-select-text)}.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content .das-icon[data-v-077b0c9d]{cursor:not-allowed}.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content.das-input-dialog-select-error[data-v-077b0c9d],.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content.only-border-bottom[data-v-077b0c9d]{border-color:var(--das-ui-input-dialog-select-view-border)}.das-ui-input-dialog-select .das-ui-input-dialog-select-content[data-v-077b0c9d]{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)}.das-ui-input-dialog-select .das-ui-input-dialog-select-content.das-input-dialog-select-error[data-v-077b0c9d]{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-077b0c9d]{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-077b0c9d]: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-077b0c9d]{margin-left:15px}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .dialog-text[data-v-077b0c9d]{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-077b0c9d]{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-077b0c9d]{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-077b0c9d]: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-077b0c9d]{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-077b0c9d]: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-077b0c9d]{display:none}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-ui-input-dialog-select-search[data-v-077b0c9d]{visibility:visible}.das-ui-input-dialog-select .das-input-dialog-select-label-content[data-v-077b0c9d]{font-size:12px}.das-ui-input-dialog-select .das-input-dialog-select-label-content .das-input-dialog-select-error-label[data-v-077b0c9d]{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-077b0c9d]{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-077b0c9d]{font-size:12px;color:var(--das-ui-input-dialog-select-error-color)}