@das-fed/ui 6.4.0-test.5.1 → 6.4.0-test.50

package/packages/components/select/src/Select.vue.d.ts

@@ -1,7 +1,7 @@
 import 'ant-design-vue/es/select/style/css';
 import 'ant-design-vue/es/tag/style/css';
 import type { Props } from './type';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<Props, {
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {
     $select: import("vue").Ref<any, any>;
     toChangeMaxCount: (isFocus: boolean) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
@@ -58,22 +58,22 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<Pr
         expose: <Exposed extends Record<string, any> = Record<string, any>>(exposed?: Exposed) => void;
     }, "expose">) => unknown;
 }, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?(_: {}): any;
-    option?(_: any): any;
-    tagRender?(_: any): any;
-    dropdownRender?(_: {
+    default?: ((props: {}) => any) | undefined;
+    option?: ((props: any) => any) | undefined;
+    tagRender?: ((props: any) => any) | undefined;
+    dropdownRender?: ((props: {
         menuNode: any;
-    }): any;
-    clearIcon?(_: {}): any;
-    maxTagPlaceholder?(_: any): any;
-    menuItemSelectedIcon?(_: {}): any;
-    notFoundContent?(_: {}): any;
-    placeholder?(_: {}): any;
-    removeIcon?(_: {}): any;
-    suffixIcon?(_: {}): any;
+    }) => any) | undefined;
+    clearIcon?: ((props: {}) => any) | undefined;
+    maxTagPlaceholder?: ((props: any) => any) | undefined;
+    menuItemSelectedIcon?: ((props: {}) => any) | undefined;
+    notFoundContent?: ((props: {}) => any) | undefined;
+    placeholder?: ((props: {}) => any) | undefined;
+    removeIcon?: ((props: {}) => any) | undefined;
+    suffixIcon?: ((props: {}) => any) | undefined;
 }>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

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

@@ -64,6 +64,8 @@ export interface Props {
   isExterControlCount?: boolean
   
   dropdownMode?: 'multiple' | 'tags' | 'combobox' | 'custom'
+  
+  inputAttrs?: any
 }
 
 export interface Emits {

package/packages/components/select/style.css

@@ -1 +1 @@
-.das-ui-select[data-v-ae9b5e24]{display:inline-block;position:relative}.das-ui-select .das-select-overlay-error-label-content[data-v-ae9b5e24]{position:absolute;top:100%;left:0;width:var(--6029581e)}.das-ui-select.show-ellipsis[data-v-ae9b5e24] .ant-select-selection-overflow-item.ellipsis .ant-tag{display:flex;align-items:center}.das-ui-select.show-ellipsis[data-v-ae9b5e24] .ant-select-selection-overflow-item.ellipsis .ant-tag span:nth-of-type(1){width:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.das-ui-select[data-v-ae9b5e24] .ant-select{width:100%;height:var(--13b0305c)}.das-ui-select[data-v-ae9b5e24] .ant-select .das-select-error-label-content{width:var(--6029581e);font-size:12px}.das-ui-select[data-v-ae9b5e24] .ant-select .das-select-error-label-content .label{display:block;color:var(--das-ui-input-error-color);white-space:break-spaces}.das-ui-select[data-v-ae9b5e24] .ant-select .ant-select-arrow{color:#666;width:16px;height:16px;margin-top:0;transform:translateY(-50%);z-index:1}.das-ui-select[data-v-ae9b5e24] .ant-select:hover .ant-select-arrow{color:var(--das-ui-select-color-primary)}.das-ui-select[data-v-ae9b5e24] .ant-select .ant-select-clear{color:#d9d9d9;width:16px;height:16px;margin-top:0;transform:translateY(-50%)}.das-ui-select[data-v-ae9b5e24] .ant-select .ant-select-clear:hover{color:#999}.das-ui-select[data-v-ae9b5e24] .ant-select .ant-select-selector{box-sizing:border-box;box-shadow:none!important}.das-ui-select[data-v-ae9b5e24] .ant-select .ant-select-selector .ant-tag{margin-bottom:1px;background-color:transparent}.das-ui-select[data-v-ae9b5e24] .ant-select .ant-select-selector .ant-select-selection-search{left:0}.das-ui-select[data-v-ae9b5e24] .ant-select .ant-select-selector .ant-select-selection-placeholder{padding-left:0;left:0}.das-ui-select[data-v-ae9b5e24] .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{height:var(--das-ui-select-height-md)}.das-ui-select[data-v-ae9b5e24] .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input,.das-ui-select[data-v-ae9b5e24] .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder:after{height:calc(var(--das-ui-select-height-md) - 2px)}.das-ui-select[data-v-ae9b5e24] .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector:after{height:calc(var(--das-ui-select-height-md) - 2px)}.das-ui-select[data-v-ae9b5e24] .ant-select.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector{height:var(--das-ui-select-height-sm)}.das-ui-select[data-v-ae9b5e24] .ant-select.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input,.das-ui-select[data-v-ae9b5e24] .ant-select.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder:after{height:calc(var(--das-ui-select-height-sm) - 2px)}.das-ui-select[data-v-ae9b5e24] .ant-select.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector:after{height:calc(var(--das-ui-select-height-sm) - 2px)}.das-ui-select[data-v-ae9b5e24] .ant-select.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector{height:var(--das-ui-select-height-lg)}.das-ui-select[data-v-ae9b5e24] .ant-select.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input,.das-ui-select[data-v-ae9b5e24] .ant-select.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder:after{height:calc(var(--das-ui-select-height-lg) - 2px)}.das-ui-select[data-v-ae9b5e24] .ant-select.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector:after{height:calc(var(--das-ui-select-height-lg) - 2px)}.das-ui-select[data-v-ae9b5e24] .ant-select .ant-select-selection-item{color:var(--das-ui-select-color-text)}.das-ui-select[data-v-ae9b5e24] .ant-select.ant-select-multiple .ant-select-selector{min-height:var(--das-ui-select-height-md)}.das-ui-select[data-v-ae9b5e24] .ant-select.ant-select-multiple .ant-select-selection-search{margin-inline-start:0px;-webkit-margin-start:0px;height:calc(var(--das-ui-select-height-md) - 2px);line-height:calc(var(--das-ui-select-height-md) - 2px)}.das-ui-select[data-v-ae9b5e24] .ant-select.ant-select-multiple .ant-tag{color:var(--das-ui-select-color-text);height:calc(var(--das-ui-select-height-md) - 4px);line-height:calc(var(--das-ui-select-height-md) - 5px);font-size:var(--das-ui-select-tag-font-size-md);margin-bottom:0;margin-right:0}.das-ui-select[data-v-ae9b5e24] .ant-select.ant-select-multiple .ant-select-selection-item{height:calc(var(--das-ui-select-height-md) - 3px);line-height:calc(var(--das-ui-select-height-md) - 3px);font-size:var(--das-ui-select-tag-font-size-md);margin-top:0;margin-bottom:0;border:none;background-color:transparent;-webkit-margin-end:0px;margin-inline-end:0px;-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px}.das-ui-select[data-v-ae9b5e24] .ant-select.ant-select-multiple .ant-select-selection-overflow{max-height:var(--das-ui-select-max-height-md)}.das-ui-select[data-v-ae9b5e24] .ant-select.ant-select-multiple.ant-select-sm .ant-select-selector{min-height:var(--das-ui-select-height-sm)}.das-ui-select[data-v-ae9b5e24] .ant-select.ant-select-multiple.ant-select-sm .ant-select-selection-search{height:calc(var(--das-ui-select-height-sm) - 2px);line-height:calc(var(--das-ui-select-height-sm) - 2px)}.das-ui-select[data-v-ae9b5e24] .ant-select.ant-select-multiple.ant-select-sm .ant-tag{height:calc(var(--das-ui-select-height-sm) - 4px);line-height:calc(var(--das-ui-select-height-sm) - 5px);font-size:var(--das-ui-select-tag-font-size-sm)}.das-ui-select[data-v-ae9b5e24] .ant-select.ant-select-multiple.ant-select-sm .ant-select-selection-item{height:calc(var(--das-ui-select-height-sm) - 2px);line-height:calc(var(--das-ui-select-height-sm) - 2px);font-size:var(--das-ui-select-tag-font-size-sm)}.das-ui-select[data-v-ae9b5e24] .ant-select.ant-select-multiple.ant-select-sm .ant-select-selection-overflow{max-height:var(--das-ui-select-max-height-sm)}.das-ui-select[data-v-ae9b5e24] .ant-select.ant-select-multiple.ant-select-lg .ant-select-selector{min-height:var(--das-ui-select-height-lg)}.das-ui-select[data-v-ae9b5e24] .ant-select.ant-select-multiple.ant-select-lg .ant-select-selection-search{height:calc(var(--das-ui-select-height-lg) - 2px);line-height:calc(var(--das-ui-select-height-lg) - 2px)}.das-ui-select[data-v-ae9b5e24] .ant-select.ant-select-multiple.ant-select-lg .ant-tag{height:calc(var(--das-ui-select-height-lg) - 8px);line-height:calc(var(--das-ui-select-height-lg) - 8px);font-size:var(--das-ui-select-tag-font-size-lg)}.das-ui-select[data-v-ae9b5e24] .ant-select.ant-select-multiple.ant-select-lg .ant-select-selection-item{height:calc(var(--das-ui-select-height-lg) - 7px);line-height:calc(var(--das-ui-select-height-lg) - 7px);font-size:var(--das-ui-select-tag-font-size-lg)}.das-ui-select[data-v-ae9b5e24] .ant-select.ant-select-multiple.ant-select-lg .ant-select-selection-overflow{max-height:var(--das-ui-select-max-height-lg)}.das-ui-select[data-v-ae9b5e24] .ant-select.ant-select-single .ant-select-selector{padding:0!important}.das-ui-select[data-v-ae9b5e24] .ant-select-multiple .ant-select-selector{padding-top:0;padding-bottom:0}.das-ui-select[data-v-ae9b5e24] .ant-select-multiple .ant-select-selector:after{margin:0}.das-ui-select[data-v-ae9b5e24] .ant-select-multiple .anticon svg{vertical-align:baseline}.das-ui-select[data-v-ae9b5e24] .ant-select-disabled.ant-select .ant-select-arrow{color:var(--das-ui-select-color-disabled-underline)}.das-ui-select[data-v-ae9b5e24] .ant-select-disabled.ant-select .ant-select-selection-item,.das-ui-select[data-v-ae9b5e24] .ant-select-disabled.ant-select .ant-tag{color:var(--das-ui-select-color-disabled-text)}.das-ui-select[data-v-ae9b5e24] .ant-select .das-suffix-icon{transition:transform .5s}.das-ui-select[data-v-ae9b5e24] .ant-select.ant-select-open .das-suffix-icon{transform:rotate(180deg)}.das-ui-select.underline[data-v-ae9b5e24] .ant-select .ant-select-selector{border-radius:0;border-color:transparent!important;border-bottom-color:var(--das-ui-select-color-underline)!important;background-color:transparent!important;padding:0!important}.das-ui-select.underline[data-v-ae9b5e24] .ant-select .ant-select-selector:hover,.das-ui-select.underline[data-v-ae9b5e24] .ant-select.ant-select-focused .ant-select-selector{border-bottom-color:var(--das-ui-select-color-primary)!important}.das-ui-select.underline[data-v-ae9b5e24] .ant-select .ant-select-arrow,.das-ui-select.underline[data-v-ae9b5e24] .ant-select .ant-select-clear{right:0}.das-ui-select.underline.is-error[data-v-ae9b5e24] .ant-select .ant-select-selector,.das-ui-select.underline.is-error[data-v-ae9b5e24] .ant-select .ant-select-selector:hover{border-bottom-color:var(--das-ui-select-color-error)!important}.das-ui-select.underline[data-v-ae9b5e24] .ant-select-disabled.ant-select .ant-select-selector,.das-ui-select.underline[data-v-ae9b5e24] .ant-select-disabled.ant-select .ant-select-selector:hover{border-bottom-color:var(--das-ui-select-color-disabled-underline)!important}.das-ui-select.bordered[data-v-ae9b5e24] .ant-select .ant-select-selector{border-color:var(--das-ui-select-color-border)!important}.das-ui-select.bordered[data-v-ae9b5e24] .ant-select .ant-select-selector:hover,.das-ui-select.bordered[data-v-ae9b5e24] .ant-select.ant-select-focused .ant-select-selector{border-color:var(--das-ui-select-color-primary)!important}.das-ui-select.bordered[data-v-ae9b5e24] .ant-select .ant-select-selector .ant-select-selection-search{left:8px}.das-ui-select.bordered[data-v-ae9b5e24] .ant-select .ant-select-selector .ant-select-selection-placeholder,.das-ui-select.bordered[data-v-ae9b5e24] .ant-select .ant-select-selector .ant-select-selection-item{padding-left:8px}.das-ui-select.bordered[data-v-ae9b5e24] .ant-select.ant-select-single.ant-select-show-arrow .ant-select-selection-item,.das-ui-select.bordered[data-v-ae9b5e24] .ant-select.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder{padding-right:24px}.das-ui-select.bordered[data-v-ae9b5e24] .ant-select.ant-select-multiple .ant-select-selector{padding-left:3px}.das-ui-select.bordered[data-v-ae9b5e24] .ant-select.ant-select-multiple .ant-select-selector .ant-select-selection-item{padding-left:0;height:auto}.das-ui-select.bordered[data-v-ae9b5e24] .ant-select.ant-select-multiple .ant-select-selector .ant-select-selection-search{left:5px}.das-ui-select.bordered.is-error[data-v-ae9b5e24] .ant-select .ant-select-selector,.das-ui-select.bordered.is-error[data-v-ae9b5e24] .ant-select .ant-select-selector:hover{border-color:var(--das-ui-select-color-error)!important}.das-ui-select.bordered[data-v-ae9b5e24] .ant-select-disabled.ant-select .ant-select-selector,.das-ui-select.bordered[data-v-ae9b5e24] .ant-select-disabled.ant-select .ant-select-selector:hover{border-color:var(--das-ui-select-color-disabled-border)!important}.das-ui-select.none[data-v-ae9b5e24] .ant-select .ant-select-arrow,.das-ui-select.none[data-v-ae9b5e24] .ant-select .ant-select-clear{right:0}.das-ui-select.none[data-v-ae9b5e24] .ant-select-disabled.ant-select .ant-select-selector{background-color:transparent!important}.das-ui-select.readonly[data-v-ae9b5e24] .ant-select-disabled.ant-select .ant-select-selector{background-color:transparent!important;cursor:default}.das-ui-select.readonly[data-v-ae9b5e24] .ant-select-disabled.ant-select .ant-select-selector input{cursor:default}.das-ui-select.readonly[data-v-ae9b5e24] .ant-select-disabled.ant-select .ant-select-selection-item{color:var(--das-ui-select-color-text);cursor:default}.das-ui-select.readonly[data-v-ae9b5e24] .ant-select-disabled.ant-select .ant-tag,.das-ui-select.readonly[data-v-ae9b5e24] .ant-select-disabled.ant-select .ant-select-selection-placeholder{color:var(--das-ui-select-color-text)}.das-ui-select.readonly[data-v-ae9b5e24] .ant-select-disabled.ant-select-multiple .ant-select-selection-item{color:var(--das-ui-color-normal);border-color:transparent}.das-ui-select.readonly[data-v-ae9b5e24] .ant-select-disabled.ant-select-multiple .ant-select-selection-placeholder{color:var(--das-ui-select-color-text)}.das-ui-select.readonly[data-v-ae9b5e24] .ant-select .ant-select-arrow{display:none}.das-ui-select.readonly.underline[data-v-ae9b5e24] .ant-select .ant-select-clear{right:0}.das-ui-select .das-select-label-content[data-v-ae9b5e24]{font-size:12px}.das-ui-select .das-select-label-content .das-select-error-label[data-v-ae9b5e24]{display:block;color:var(--das-ui-select-color-error)}.das-ui-select-dorpdown .das-select-checkbox.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox+span{padding:0!important}.das-ui-select-dorpdown .das-multiple-option-item{display:flex}.das-ui-select-dorpdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled){background:var(--das-ui-select-color-option-active-bg);font-weight:400;color:var(--das-ui-select-color-primary)}.das-ui-select-dorpdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .das-multiple-option-item{color:var(--das-ui-select-color-text)}.das-ui-select-dorpdown .das-ui-select-dropdown-checkall{height:40px;line-height:40px;padding:0 12px;border-top:1px solid var(--das-ui-select-color-border)}.das-ui-select-dorpdown .das-ui-select-dropdown-checkall .das-ui-dropdown-has-checked{font-size:12px;color:var(--das-ui-select-color-help)}.das-ui-select-dorpdown .das-ui-select-dropdown-checkall .das-ui-dropdown-has-checked .key{color:var(--das-ui-select-color-primary)}.das-ui-select-dorpdown .ant-select-item-option-state{display:none}.das-ui-select-dorpdown .das-ui-checkbox{display:inline-block;margin-right:5px}.das-ui-select-dorpdown .rc-virtual-list-scrollbar-show{right:4px!important}.das-ui-select-dorpdown .rc-virtual-list-scrollbar-thumb{width:8px!important;left:1px!important;background:#b2b2b2!important}.das-ui-select-dorpdown .rc-virtual-list-scrollbar-thumb:hover{width:10px!important;left:0!important;background:#999!important}.das-ui-select-dorpdown .customDropdown{display:flex;align-items:center;padding:6px 12px 2px;cursor:pointer;border-top:1px solid #d9d9d9}.das-ui-select-dorpdown .customDropdown .el-input{height:28px}.das-ui-select-dorpdown .customDropdown .addBtn{margin-left:12px;cursor:pointer;flex-shrink:0;font-family:Microsoft YaHei;font-size:12px;font-weight:400;height:28px;line-height:28px;text-align:center;letter-spacing:0px;color:#212121}
+.das-ui-select[data-v-ff4b9c6d]{display:inline-block;position:relative}.das-ui-select .das-select-overlay-error-label-content[data-v-ff4b9c6d]{position:absolute;top:100%;left:0;width:var(--3e85892a)}.das-ui-select.show-ellipsis[data-v-ff4b9c6d] .ant-select-selection-overflow-item.ellipsis .ant-tag{display:flex;align-items:center}.das-ui-select.show-ellipsis[data-v-ff4b9c6d] .ant-select-selection-overflow-item.ellipsis .ant-tag span:nth-of-type(1){width:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.das-ui-select[data-v-ff4b9c6d] .ant-select{width:100%;height:var(--785ca243)}.das-ui-select[data-v-ff4b9c6d] .ant-select .das-select-error-label-content{width:var(--3e85892a);font-size:12px}.das-ui-select[data-v-ff4b9c6d] .ant-select .das-select-error-label-content .label{display:block;color:var(--das-ui-select-overlay-error-color);white-space:break-spaces}.das-ui-select[data-v-ff4b9c6d] .ant-select .ant-select-arrow{color:#666;width:16px;height:16px;margin-top:0;transform:translateY(-50%)}.das-ui-select[data-v-ff4b9c6d] .ant-select:hover .ant-select-arrow{color:var(--das-ui-select-color-primary)}.das-ui-select[data-v-ff4b9c6d] .ant-select .ant-select-clear{color:#d9d9d9;width:16px;height:16px;margin-top:0;transform:translateY(-50%);z-index:auto}.das-ui-select[data-v-ff4b9c6d] .ant-select .ant-select-clear:hover{color:#999}.das-ui-select[data-v-ff4b9c6d] .ant-select .os-scrollbar.os-scrollbar-vertical{z-index:1}.das-ui-select[data-v-ff4b9c6d] .ant-select .ant-select-selector{box-sizing:border-box;box-shadow:none!important}.das-ui-select[data-v-ff4b9c6d] .ant-select .ant-select-selector .ant-tag{margin-bottom:1px;background-color:transparent}.das-ui-select[data-v-ff4b9c6d] .ant-select .ant-select-selector .ant-select-selection-search{left:0}.das-ui-select[data-v-ff4b9c6d] .ant-select .ant-select-selector .ant-select-selection-placeholder{padding-left:0;left:0}.das-ui-select[data-v-ff4b9c6d] .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{height:var(--das-ui-select-height-md)}.das-ui-select[data-v-ff4b9c6d] .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input,.das-ui-select[data-v-ff4b9c6d] .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder:after{height:calc(var(--das-ui-select-height-md) - 2px)}.das-ui-select[data-v-ff4b9c6d] .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector:after{height:calc(var(--das-ui-select-height-md) - 2px)}.das-ui-select[data-v-ff4b9c6d] .ant-select.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector{height:var(--das-ui-select-height-sm)}.das-ui-select[data-v-ff4b9c6d] .ant-select.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input,.das-ui-select[data-v-ff4b9c6d] .ant-select.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder:after{height:calc(var(--das-ui-select-height-sm) - 2px)}.das-ui-select[data-v-ff4b9c6d] .ant-select.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector:after{height:calc(var(--das-ui-select-height-sm) - 2px)}.das-ui-select[data-v-ff4b9c6d] .ant-select.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector{height:var(--das-ui-select-height-lg)}.das-ui-select[data-v-ff4b9c6d] .ant-select.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input,.das-ui-select[data-v-ff4b9c6d] .ant-select.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder:after{height:calc(var(--das-ui-select-height-lg) - 2px)}.das-ui-select[data-v-ff4b9c6d] .ant-select.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector:after{height:calc(var(--das-ui-select-height-lg) - 2px)}.das-ui-select[data-v-ff4b9c6d] .ant-select .ant-select-selection-item{color:var(--das-ui-select-color-text)}.das-ui-select[data-v-ff4b9c6d] .ant-select.ant-select-multiple .ant-select-selector{min-height:var(--das-ui-select-height-md)}.das-ui-select[data-v-ff4b9c6d] .ant-select.ant-select-multiple .ant-select-selection-search{margin-inline-start:0px;-webkit-margin-start:0px;height:calc(var(--das-ui-select-height-md) - 2px);line-height:calc(var(--das-ui-select-height-md) - 2px)}.das-ui-select[data-v-ff4b9c6d] .ant-select.ant-select-multiple .ant-tag{color:var(--das-ui-select-color-text);height:calc(var(--das-ui-select-height-md) - 4px);line-height:calc(var(--das-ui-select-height-md) - 5px);font-size:var(--das-ui-select-tag-font-size-md);margin-bottom:0;margin-right:0}.das-ui-select[data-v-ff4b9c6d] .ant-select.ant-select-multiple .ant-select-selection-item{height:calc(var(--das-ui-select-height-md) - 3px);line-height:calc(var(--das-ui-select-height-md) - 3px);font-size:var(--das-ui-select-tag-font-size-md);margin-top:0;margin-bottom:0;border:none;background-color:transparent;-webkit-margin-end:0px;margin-inline-end:0px;-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px}.das-ui-select[data-v-ff4b9c6d] .ant-select.ant-select-multiple .ant-select-selection-overflow{max-height:var(--das-ui-select-max-height-md)}.das-ui-select[data-v-ff4b9c6d] .ant-select.ant-select-multiple.ant-select-sm .ant-select-selector{min-height:var(--das-ui-select-height-sm)}.das-ui-select[data-v-ff4b9c6d] .ant-select.ant-select-multiple.ant-select-sm .ant-select-selection-search{height:calc(var(--das-ui-select-height-sm) - 2px);line-height:calc(var(--das-ui-select-height-sm) - 2px)}.das-ui-select[data-v-ff4b9c6d] .ant-select.ant-select-multiple.ant-select-sm .ant-tag{height:calc(var(--das-ui-select-height-sm) - 4px);line-height:calc(var(--das-ui-select-height-sm) - 5px);font-size:var(--das-ui-select-tag-font-size-sm)}.das-ui-select[data-v-ff4b9c6d] .ant-select.ant-select-multiple.ant-select-sm .ant-select-selection-item{height:calc(var(--das-ui-select-height-sm) - 2px);line-height:calc(var(--das-ui-select-height-sm) - 2px);font-size:var(--das-ui-select-tag-font-size-sm)}.das-ui-select[data-v-ff4b9c6d] .ant-select.ant-select-multiple.ant-select-sm .ant-select-selection-overflow{max-height:var(--das-ui-select-max-height-sm)}.das-ui-select[data-v-ff4b9c6d] .ant-select.ant-select-multiple.ant-select-lg .ant-select-selector{min-height:var(--das-ui-select-height-lg)}.das-ui-select[data-v-ff4b9c6d] .ant-select.ant-select-multiple.ant-select-lg .ant-select-selection-search{height:calc(var(--das-ui-select-height-lg) - 2px);line-height:calc(var(--das-ui-select-height-lg) - 2px)}.das-ui-select[data-v-ff4b9c6d] .ant-select.ant-select-multiple.ant-select-lg .ant-tag{height:calc(var(--das-ui-select-height-lg) - 8px);line-height:calc(var(--das-ui-select-height-lg) - 8px);font-size:var(--das-ui-select-tag-font-size-lg)}.das-ui-select[data-v-ff4b9c6d] .ant-select.ant-select-multiple.ant-select-lg .ant-select-selection-item{height:calc(var(--das-ui-select-height-lg) - 7px);line-height:calc(var(--das-ui-select-height-lg) - 7px);font-size:var(--das-ui-select-tag-font-size-lg)}.das-ui-select[data-v-ff4b9c6d] .ant-select.ant-select-multiple.ant-select-lg .ant-select-selection-overflow{max-height:var(--das-ui-select-max-height-lg)}.das-ui-select[data-v-ff4b9c6d] .ant-select.ant-select-single .ant-select-selector{padding:0!important}.das-ui-select[data-v-ff4b9c6d] .ant-select-multiple .ant-select-selector{padding-top:0;padding-bottom:0}.das-ui-select[data-v-ff4b9c6d] .ant-select-multiple .ant-select-selector:after{margin:0}.das-ui-select[data-v-ff4b9c6d] .ant-select-multiple .anticon svg{vertical-align:baseline}.das-ui-select[data-v-ff4b9c6d] .ant-select-disabled.ant-select .ant-select-arrow{color:var(--das-ui-select-color-disabled-underline)}.das-ui-select[data-v-ff4b9c6d] .ant-select-disabled.ant-select .ant-select-selection-item,.das-ui-select[data-v-ff4b9c6d] .ant-select-disabled.ant-select .ant-tag{color:var(--das-ui-select-color-disabled-text)}.das-ui-select[data-v-ff4b9c6d] .ant-select .das-suffix-icon{transition:transform .5s}.das-ui-select[data-v-ff4b9c6d] .ant-select.ant-select-open .das-suffix-icon{transform:rotate(180deg)}.das-ui-select.underline[data-v-ff4b9c6d] .ant-select .ant-select-selector{border-radius:0;border-color:transparent!important;border-bottom-color:var(--das-ui-select-color-underline)!important;background-color:transparent!important;padding:0!important}.das-ui-select.underline[data-v-ff4b9c6d] .ant-select .ant-select-selector:hover,.das-ui-select.underline[data-v-ff4b9c6d] .ant-select.ant-select-focused .ant-select-selector{border-bottom-color:var(--das-ui-select-color-primary)!important}.das-ui-select.underline[data-v-ff4b9c6d] .ant-select .ant-select-arrow,.das-ui-select.underline[data-v-ff4b9c6d] .ant-select .ant-select-clear{right:0}.das-ui-select.underline.is-error[data-v-ff4b9c6d] .ant-select .ant-select-selector,.das-ui-select.underline.is-error[data-v-ff4b9c6d] .ant-select .ant-select-selector:hover{border-bottom-color:var(--das-ui-select-color-error)!important}.das-ui-select.underline[data-v-ff4b9c6d] .ant-select-disabled.ant-select .ant-select-selector,.das-ui-select.underline[data-v-ff4b9c6d] .ant-select-disabled.ant-select .ant-select-selector:hover{border-bottom-color:var(--das-ui-select-color-disabled-underline)!important}.das-ui-select.bordered[data-v-ff4b9c6d] .ant-select .ant-select-selector{border-color:var(--das-ui-select-color-border)!important}.das-ui-select.bordered[data-v-ff4b9c6d] .ant-select .ant-select-selector:hover,.das-ui-select.bordered[data-v-ff4b9c6d] .ant-select.ant-select-focused .ant-select-selector{border-color:var(--das-ui-select-color-primary)!important}.das-ui-select.bordered[data-v-ff4b9c6d] .ant-select .ant-select-selector .ant-select-selection-search{left:8px}.das-ui-select.bordered[data-v-ff4b9c6d] .ant-select .ant-select-selector .ant-select-selection-placeholder,.das-ui-select.bordered[data-v-ff4b9c6d] .ant-select .ant-select-selector .ant-select-selection-item{padding-left:8px}.das-ui-select.bordered[data-v-ff4b9c6d] .ant-select.ant-select-single.ant-select-show-arrow .ant-select-selection-item,.das-ui-select.bordered[data-v-ff4b9c6d] .ant-select.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder{padding-right:24px}.das-ui-select.bordered[data-v-ff4b9c6d] .ant-select.ant-select-multiple .ant-select-selector{padding-left:3px}.das-ui-select.bordered[data-v-ff4b9c6d] .ant-select.ant-select-multiple .ant-select-selector .ant-select-selection-item{padding-left:0;height:auto}.das-ui-select.bordered[data-v-ff4b9c6d] .ant-select.ant-select-multiple .ant-select-selector .ant-select-selection-search{left:5px}.das-ui-select.bordered.is-error[data-v-ff4b9c6d] .ant-select .ant-select-selector,.das-ui-select.bordered.is-error[data-v-ff4b9c6d] .ant-select .ant-select-selector:hover{border-color:var(--das-ui-select-color-error)!important}.das-ui-select.bordered[data-v-ff4b9c6d] .ant-select-disabled.ant-select .ant-select-selector,.das-ui-select.bordered[data-v-ff4b9c6d] .ant-select-disabled.ant-select .ant-select-selector:hover{border-color:var(--das-ui-select-color-disabled-border)!important}.das-ui-select.none[data-v-ff4b9c6d] .ant-select .ant-select-arrow,.das-ui-select.none[data-v-ff4b9c6d] .ant-select .ant-select-clear{right:0}.das-ui-select.none[data-v-ff4b9c6d] .ant-select-disabled.ant-select .ant-select-selector{background-color:transparent!important}.das-ui-select.readonly[data-v-ff4b9c6d] .ant-select-disabled.ant-select .ant-select-selector{background-color:transparent!important;cursor:default}.das-ui-select.readonly[data-v-ff4b9c6d] .ant-select-disabled.ant-select .ant-select-selector input{cursor:default}.das-ui-select.readonly[data-v-ff4b9c6d] .ant-select-disabled.ant-select .ant-select-selection-item{color:var(--das-ui-select-color-text);cursor:default}.das-ui-select.readonly[data-v-ff4b9c6d] .ant-select-disabled.ant-select .ant-tag,.das-ui-select.readonly[data-v-ff4b9c6d] .ant-select-disabled.ant-select .ant-select-selection-placeholder{color:var(--das-ui-select-color-text)}.das-ui-select.readonly[data-v-ff4b9c6d] .ant-select-disabled.ant-select-multiple .ant-select-selection-item{color:var(--das-ui-color-normal);border-color:transparent}.das-ui-select.readonly[data-v-ff4b9c6d] .ant-select-disabled.ant-select-multiple .ant-select-selection-placeholder{color:var(--das-ui-select-color-text)}.das-ui-select.readonly[data-v-ff4b9c6d] .ant-select .ant-select-arrow{display:none}.das-ui-select.readonly.underline[data-v-ff4b9c6d] .ant-select .ant-select-clear{right:0}.das-ui-select .das-select-label-content[data-v-ff4b9c6d]{font-size:12px}.das-ui-select .das-select-label-content .das-select-error-label[data-v-ff4b9c6d]{display:block;color:var(--das-ui-select-color-error)}.das-ui-select-dorpdown .das-select-checkbox.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox+span{padding:0!important}.das-ui-select-dorpdown .das-multiple-option-item{display:flex}.das-ui-select-dorpdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled){background:var(--das-ui-select-color-option-active-bg);font-weight:400;color:var(--das-ui-select-color-primary)}.das-ui-select-dorpdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .das-multiple-option-item{color:var(--das-ui-select-color-text)}.das-ui-select-dorpdown .das-ui-select-dropdown-checkall{height:40px;line-height:40px;padding:0 12px;border-top:1px solid var(--das-ui-select-color-border)}.das-ui-select-dorpdown .das-ui-select-dropdown-checkall .das-ui-dropdown-has-checked{font-size:12px;color:var(--das-ui-select-color-help)}.das-ui-select-dorpdown .das-ui-select-dropdown-checkall .das-ui-dropdown-has-checked .key{color:var(--das-ui-select-color-primary)}.das-ui-select-dorpdown .ant-select-item-option-state{display:none}.das-ui-select-dorpdown .das-ui-checkbox{display:inline-block;margin-right:5px}.das-ui-select-dorpdown .rc-virtual-list-scrollbar-show{right:4px!important}.das-ui-select-dorpdown .rc-virtual-list-scrollbar-thumb{width:8px!important;left:1px!important;background:#b2b2b2!important}.das-ui-select-dorpdown .rc-virtual-list-scrollbar-thumb:hover{width:10px!important;left:0!important;background:#999!important}.das-ui-select-dorpdown .customDropdown{display:flex;align-items:center;padding:6px 12px 2px;cursor:pointer;border-top:1px solid #d9d9d9}.das-ui-select-dorpdown .customDropdown .el-input{height:28px}.das-ui-select-dorpdown .customDropdown .addBtn{margin-left:12px;cursor:pointer;flex-shrink:0;font-family:Microsoft YaHei;font-size:12px;font-weight:400;height:28px;line-height:28px;text-align:center;letter-spacing:0px;color:#212121}

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

@@ -1,18 +1,19 @@
 import '@das-fed/ui/packages/global/theme';
 declare const DasSelectInput: import("@das-fed/utils").SFCWithInstall<import("vue").DefineComponent<import("./src/type.js").Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (value: string) => any;
-    dasInput: (value: string) => any;
-    selectChange: (value: string | number) => any;
     "update:optionValue": (value: string | number) => any;
+    selectChange: (value: string | number) => any;
     inputChange: (value: string) => any;
+    dasInput: (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<import("./src/type.js").Props> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    onDasInput?: ((value: string) => any) | undefined;
-    onSelectChange?: ((value: string | number) => any) | undefined;
     "onUpdate:optionValue"?: ((value: string | number) => any) | undefined;
+    onSelectChange?: ((value: string | number) => any) | undefined;
     onInputChange?: ((value: string) => any) | undefined;
+    onDasInput?: ((value: string) => any) | undefined;
 }>, {
     modelValue: any;
+    width: string | number;
     options: any;
     optionValue: any;
     optionsLabelKey: string | number | object;

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

@@ -1,28 +1,44 @@
 import '@das-fed/ui/packages/components/select-input/style.css';
-import { withInstall as v } from "@das-fed/utils/with-install/index";
+import { withInstall as F } from "@das-fed/utils/with-install/index";
 import { setThemeRule as S } from "@das-fed/web/packages/theme/index";
-import { ref as I, defineComponent as F, openBlock as H, createBlock as D, unref as e, normalizeClass as k, isRef as b, createSlots as L, withCtx as w, createVNode as y } from "vue";
-import { DasInput as E } from "@das-fed/ui/packages/components/input/index";
+import { computed as H, ref as b, defineComponent as D, createBlock as k, openBlock as L, unref as e, normalizeClass as x, isRef as v, createSlots as E, withCtx as y, createVNode as B } from "vue";
+import { DasInput as W } from "@das-fed/ui/packages/components/input/index";
 import { DasIconSearch as K } from "@das-fed/ui/packages/icons/search/index";
 import { DasSelect as N } from "@das-fed/ui/packages/components/select/index";
-import { useModelValue as V } from "@das-fed/utils/vue";
+import { useModelValue as C } from "@das-fed/utils/vue";
 import "@das-fed/ui/packages/global/theme";
-const P = (l, o) => {
-  const s = V(l, "modelValue"), u = V(l, "optionValue"), t = V(l, "isExpandAtFocus"), i = () => {
-    o("update:modelValue", s.value);
-  }, c = (a) => {
-    o("update:modelValue", a), o("inputChange", a);
-  }, m = (a) => {
-    o("update:modelValue", a), o("dasInput", a);
-  }, f = (a) => {
-    o("update:optionValue", a), o("selectChange", a);
-  }, r = I(""), d = I(!1);
-  return { innerValue: s, selectValue: u, inputChangeHandler: c, selectChangeHandler: f, inputInputHandler: m, searchHandler: i, inputWidth: r, isFocus: d, onFocus: () => {
-    t.value && (r.value = "400px", d.value = !0);
-  }, onBlur: () => {
-    t.value && (r.value = "", d.value = !1);
-  }, isExpandInput: t };
-}, x = /* @__PURE__ */ F({
+const P = (t, a) => {
+  const u = C(t, "modelValue"), i = C(t, "optionValue"), l = C(t, "isExpandAtFocus"), s = H(() => typeof t.width == "number" ? t.width + "px" : t == null ? void 0 : t.width), h = () => {
+    a("update:modelValue", u.value);
+  }, m = (o) => {
+    a("update:modelValue", o), a("inputChange", o);
+  }, f = (o) => {
+    a("update:modelValue", o), a("dasInput", o);
+  }, V = (o) => {
+    a("update:optionValue", o), a("selectChange", o);
+  }, d = b(""), r = b(!1);
+  return {
+    innerValue: u,
+    selectValue: i,
+    inputChangeHandler: m,
+    selectChangeHandler: V,
+    inputInputHandler: f,
+    searchHandler: h,
+    inputWidth: d,
+    isFocus: r,
+    onFocus: () => {
+      var p;
+      if (!l.value) return;
+      let o = (p = s.value) == null ? void 0 : p.replace("px", "");
+      d.value = s.value && o * 1 > 400 ? s.value : "400px", r.value = !0;
+    },
+    onBlur: () => {
+      l.value && (d.value = "", r.value = !1);
+    },
+    isExpandInput: l,
+    selectInputWidth: s
+  };
+}, A = /* @__PURE__ */ D({
   __name: "Index",
   props: {
     options: { default: [] },
@@ -37,34 +53,48 @@ const P = (l, o) => {
     isView: { type: Boolean },
     error: { type: Boolean },
     isSearch: { type: Boolean, default: !1 },
-    isExpandAtFocus: { type: Boolean, default: !1 }
+    isExpandAtFocus: { type: Boolean, default: !1 },
+    width: { default: "268px" }
   },
   emits: ["update:modelValue", "update:optionValue", "inputChange", "dasInput", "selectChange"],
-  setup(l, { emit: o }) {
-    const s = l, u = o, { innerValue: t, selectValue: i, inputChangeHandler: c, selectChangeHandler: m, inputInputHandler: f, searchHandler: r, inputWidth: d, isFocus: g, onFocus: C, onBlur: a, isExpandInput: B } = P(s, u);
-    return (n, p) => (H(), D(e(E), {
-      class: k(["das-select-input", { "is-error": n.error, "is-search": n.isSearch, "is-disabled": n.disabled }]),
-      modelValue: e(t),
-      "onUpdate:modelValue": p[1] || (p[1] = (h) => b(t) ? t.value = h : null),
-      width: e(B) && e(g) ? e(d) : "268px",
-      prepend: "",
-      onInput: e(f),
-      onChange: e(c),
+  setup(t, { emit: a }) {
+    const u = t, i = a, {
+      innerValue: l,
+      selectValue: s,
+      inputChangeHandler: h,
+      selectChangeHandler: m,
+      inputInputHandler: f,
+      searchHandler: V,
+      inputWidth: d,
+      isFocus: r,
+      onFocus: I,
+      onBlur: w,
+      isExpandInput: o,
+      selectInputWidth: p
+    } = P(u, i);
+    return (n, c) => (L(), k(e(W), {
+      class: x(["das-select-input", { "is-error": n.error, "is-search": n.isSearch, "is-disabled": n.disabled }]),
+      modelValue: e(l),
+      "onUpdate:modelValue": c[1] || (c[1] = (g) => v(l) ? l.value = g : null),
+      width: e(o) && e(r) ? e(d) : e(p),
       disabled: n.disabled,
       isView: n.isView,
       maxLength: n.maxLength,
       filterSpace: !1,
-      onFocus: e(C),
-      onBlur: e(a)
-    }, L({
-      prepend: w(() => [
-        y(e(N), {
+      isTitle: !n.isExpandAtFocus,
+      onInput: e(f),
+      onChange: e(h),
+      onFocus: e(I),
+      onBlur: e(w)
+    }, E({
+      prepend: y(() => [
+        B(e(N), {
           size: "mini",
           disabled: n.disabled,
           isView: n.isView,
           dropdownClassName: "das-select-input-select-container",
-          modelValue: e(i),
-          "onUpdate:modelValue": p[0] || (p[0] = (h) => b(i) ? i.value = h : null),
+          modelValue: e(s),
+          "onUpdate:modelValue": c[0] || (c[0] = (g) => v(s) ? s.value = g : null),
           width: "auto",
           dropdownMatchSelectWidth: !1,
           "border-type": "none",
@@ -82,27 +112,27 @@ const P = (l, o) => {
     }, [
       n.hasIcon ? {
         name: "suffix",
-        fn: w(() => [
-          y(e(K), {
+        fn: y(() => [
+          B(e(K), {
             style: { cursor: "pointer" },
-            onClick: e(r)
+            onClick: e(V)
           }, null, 8, ["onClick"])
         ]),
         key: "0"
       } : void 0
-    ]), 1032, ["class", "modelValue", "width", "onInput", "onChange", "disabled", "isView", "maxLength", "onFocus", "onBlur"]));
+    ]), 1032, ["class", "modelValue", "width", "disabled", "isView", "maxLength", "isTitle", "onInput", "onChange", "onFocus", "onBlur"]));
   }
-}), W = (l, o) => {
-  const s = l.__vccOpts || l;
-  for (const [u, t] of o)
-    s[u] = t;
-  return s;
-}, z = /* @__PURE__ */ W(x, [["__scopeId", "data-v-c09255a9"]]), A = {
+}), T = (t, a) => {
+  const u = t.__vccOpts || t;
+  for (const [i, l] of a)
+    u[i] = l;
+  return u;
+}, z = /* @__PURE__ */ T(A, [["__scopeId", "data-v-d2cb3159"]]), M = {
   "--das-ui-select-input-border-color": { light: "#999" },
   "--das-ui-select-input-border-color-search": { light: "#D9D9D9" }
-}, J = v(z);
-S(A);
+}, X = F(z);
+S(M);
 export {
-  J as DasSelectInput,
-  J as default
+  X as DasSelectInput,
+  X as default
 };

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

@@ -1,18 +1,19 @@
 import type { Props } from './type';
 declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (value: string) => any;
-    dasInput: (value: string) => any;
-    selectChange: (value: string | number) => any;
     "update:optionValue": (value: string | number) => any;
+    selectChange: (value: string | number) => any;
     inputChange: (value: string) => any;
+    dasInput: (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    onDasInput?: ((value: string) => any) | undefined;
-    onSelectChange?: ((value: string | number) => any) | undefined;
     "onUpdate:optionValue"?: ((value: string | number) => any) | undefined;
+    onSelectChange?: ((value: string | number) => any) | undefined;
     onInputChange?: ((value: string) => any) | undefined;
+    onDasInput?: ((value: string) => any) | undefined;
 }>, {
     modelValue: any;
+    width: string | number;
     options: any;
     optionValue: any;
     optionsLabelKey: string | number | object;

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

@@ -11,4 +11,5 @@ export declare const useSelectInput: (props: Props, emit: Emits) => {
     onFocus: () => void;
     onBlur: () => void;
     isExpandInput: import("vue").Ref<any, any>;
+    selectInputWidth: import("vue").ComputedRef<string | undefined>;
 };

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

@@ -37,6 +37,8 @@ export interface Props {
 
    
    isExpandAtFocus?: boolean 
+
+   width?:string | number
 }
 
 export interface Emits {

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

@@ -1 +1 @@
-.das-ui-input.only-border-bottom[data-v-c09255a9]{transition:width .3s ease}.das-ui-input.only-border-bottom[data-v-c09255a9] .das-select-input{height:24px}.das-ui-input.only-border-bottom[data-v-c09255a9] .das-select-input.el-input.el-input-group{border-color:var(--das-ui-select-input-border-color)}.das-ui-input.only-border-bottom[data-v-c09255a9] .das-select-input.el-input.el-input-group.is-search{border-color:var(--das-ui-select-input-border-color-search)}.das-ui-input.only-border-bottom[data-v-c09255a9] .das-select-input.el-input.el-input-group.input-focus-color,.das-ui-input.only-border-bottom[data-v-c09255a9] .das-select-input.el-input.el-input-group:hover{border-color:var(--das-ui-input-only-bottom-active-border-color)}.das-ui-input.only-border-bottom[data-v-c09255a9] .das-select-input.el-input.el-input-group.is-disabled{border-color:var(--das-ui-select-input-border-color-search)}.das-ui-input.only-border-bottom[data-v-c09255a9] .das-select-input.el-input.el-input-group.is-error{border-color:var(--das-ui-input-error-color)}.das-ui-input.only-border-bottom[data-v-c09255a9] .das-select-input.el-input.el-input-group .el-input-group__prepend{padding-right:8px!important}.das-ui-input.only-border-bottom[data-v-c09255a9] .das-select-input.el-input.el-input-group .el-input-group__prepend .ant-select-selection-item{padding-right:18px}[data-v-c09255a9] .el-input__icon{font-size:16px}.das-select-input-select-container.ant-select-dropdown{min-width:100px!important;padding:8px 0;max-height:328px;max-width:180px}.das-select-input-select-container.ant-select-dropdown .rc-virtual-list-holder{max-height:160px!important}.das-select-input .das-ui-select{min-width:68px}
+.das-ui-input.only-border-bottom[data-v-d2cb3159]{transition:width .3s ease}.das-ui-input.only-border-bottom[data-v-d2cb3159] .das-select-input{height:24px}.das-ui-input.only-border-bottom[data-v-d2cb3159] .das-select-input.el-input.el-input-group{border-color:var(--das-ui-select-input-border-color)}.das-ui-input.only-border-bottom[data-v-d2cb3159] .das-select-input.el-input.el-input-group.is-search{border-color:var(--das-ui-select-input-border-color-search)}.das-ui-input.only-border-bottom[data-v-d2cb3159] .das-select-input.el-input.el-input-group.input-focus-color,.das-ui-input.only-border-bottom[data-v-d2cb3159] .das-select-input.el-input.el-input-group:hover{border-color:var(--das-ui-input-only-bottom-active-border-color)}.das-ui-input.only-border-bottom[data-v-d2cb3159] .das-select-input.el-input.el-input-group.is-disabled{border-color:var(--das-ui-select-input-border-color-search)}.das-ui-input.only-border-bottom[data-v-d2cb3159] .das-select-input.el-input.el-input-group.is-error{border-color:var(--das-ui-input-error-color)}.das-ui-input.only-border-bottom[data-v-d2cb3159] .das-select-input.el-input.el-input-group .el-input-group__prepend{padding-right:8px!important}.das-ui-input.only-border-bottom[data-v-d2cb3159] .das-select-input.el-input.el-input-group .el-input-group__prepend .ant-select-selection-item{padding-right:18px}[data-v-d2cb3159] .el-input__icon{font-size:16px}.das-select-input-select-container.ant-select-dropdown{min-width:100px!important;padding:8px 0;max-height:328px;max-width:180px}.das-select-input-select-container.ant-select-dropdown .rc-virtual-list-holder{max-height:160px!important}.das-select-input .das-ui-select{min-width:68px}

package/packages/components/select-list/index.d.ts

@@ -5,6 +5,8 @@ declare const DasSelectList: import("@das-fed/utils").SFCWithInstall<{
         "onUpdate:modelValue"?: ((value: import("./src/type.js").ItemProps[]) => any) | undefined;
         onSortEnd?: ((oldData: any[], newData: any[], oldIndex: number, newIndex: number) => any) | undefined;
         "onItem-remove"?: ((value: import("./src/type.js").ItemProps) => any) | undefined;
+        "onUpdate:selectdValue"?: ((value: string | number) => any) | undefined;
+        "onSelect-item"?: ((value: import("./src/type.js").ItemProps) => any) | undefined;
         "onRemove-all"?: ((value: import("./src/type.js").ItemProps[]) => any) | undefined;
         "onUpdate:infiniteDisabled"?: ((value: boolean) => any) | undefined;
     }>, {
@@ -13,16 +15,21 @@ declare const DasSelectList: import("@das-fed/utils").SFCWithInstall<{
         "update:modelValue": (value: import("./src/type.js").ItemProps[]) => any;
         sortEnd: (oldData: any[], newData: any[], oldIndex: number, newIndex: number) => any;
         "item-remove": (value: import("./src/type.js").ItemProps) => any;
+        "update:selectdValue": (value: string | number) => any;
+        "select-item": (value: import("./src/type.js").ItemProps) => any;
         "remove-all": (value: import("./src/type.js").ItemProps[]) => any;
         "update:infiniteDisabled": (value: boolean) => any;
     }, import("vue").PublicProps, {
         props: any;
         height: string;
         width: string;
+        clearable: boolean;
         virtual: boolean;
         hideHeader: boolean;
-        labelKey: string;
+        selectdValue: string | number;
         valueKey: string;
+        labelKey: string;
+        closeable: boolean;
         customTitle: string;
         itemHeight: number;
         infiniteDisabled: boolean;
@@ -37,6 +44,8 @@ declare const DasSelectList: import("@das-fed/utils").SFCWithInstall<{
         "onUpdate:modelValue"?: ((value: import("./src/type.js").ItemProps[]) => any) | undefined;
         onSortEnd?: ((oldData: any[], newData: any[], oldIndex: number, newIndex: number) => any) | undefined;
         "onItem-remove"?: ((value: import("./src/type.js").ItemProps) => any) | undefined;
+        "onUpdate:selectdValue"?: ((value: string | number) => any) | undefined;
+        "onSelect-item"?: ((value: import("./src/type.js").ItemProps) => any) | undefined;
         "onRemove-all"?: ((value: import("./src/type.js").ItemProps[]) => any) | undefined;
         "onUpdate:infiniteDisabled"?: ((value: boolean) => any) | undefined;
     }>, {
@@ -45,10 +54,13 @@ declare const DasSelectList: import("@das-fed/utils").SFCWithInstall<{
         props: any;
         height: string;
         width: string;
+        clearable: boolean;
         virtual: boolean;
         hideHeader: boolean;
-        labelKey: string;
+        selectdValue: string | number;
         valueKey: string;
+        labelKey: string;
+        closeable: boolean;
         customTitle: string;
         itemHeight: number;
         infiniteDisabled: boolean;
@@ -60,6 +72,8 @@ declare const DasSelectList: import("@das-fed/utils").SFCWithInstall<{
     "onUpdate:modelValue"?: ((value: import("./src/type.js").ItemProps[]) => any) | undefined;
     onSortEnd?: ((oldData: any[], newData: any[], oldIndex: number, newIndex: number) => any) | undefined;
     "onItem-remove"?: ((value: import("./src/type.js").ItemProps) => any) | undefined;
+    "onUpdate:selectdValue"?: ((value: string | number) => any) | undefined;
+    "onSelect-item"?: ((value: import("./src/type.js").ItemProps) => any) | undefined;
     "onRemove-all"?: ((value: import("./src/type.js").ItemProps[]) => any) | undefined;
     "onUpdate:infiniteDisabled"?: ((value: boolean) => any) | undefined;
 }>, {
@@ -68,30 +82,34 @@ declare const DasSelectList: import("@das-fed/utils").SFCWithInstall<{
     "update:modelValue": (value: import("./src/type.js").ItemProps[]) => any;
     sortEnd: (oldData: any[], newData: any[], oldIndex: number, newIndex: number) => any;
     "item-remove": (value: import("./src/type.js").ItemProps) => any;
+    "update:selectdValue": (value: string | number) => any;
+    "select-item": (value: import("./src/type.js").ItemProps) => any;
     "remove-all": (value: import("./src/type.js").ItemProps[]) => any;
     "update:infiniteDisabled": (value: boolean) => any;
 }, string, {
     props: any;
     height: string;
     width: string;
+    clearable: boolean;
     virtual: boolean;
     hideHeader: boolean;
-    labelKey: string;
+    selectdValue: string | number;
     valueKey: string;
+    labelKey: string;
+    closeable: boolean;
     customTitle: string;
     itemHeight: number;
     infiniteDisabled: boolean;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
-        default?(_: {
+        header?: ((props: {}) => any) | undefined;
+        default?: (((props: {
             item: any;
-        }): any;
-        default?(_: {
+        }) => any) & ((props: {
             item: any;
-        }): any;
-        default?(_: {
+        }) => any) & ((props: {
             item: any;
-        }): any;
+        }) => any)) | undefined;
     };
 })>;
 export { DasSelectList };