@das-fed/upf-ui 6.4.0-dev.285 → 6.4.0-dev.287

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

@@ -6,12 +6,14 @@ export interface Props {
   modelValue: any
   
   options?: any
-  
-  preserveLabelWhenMissing?: boolean
-  
-  mode?: 'multiple' | 'tags' | 'combobox'
-  
-  fieldNames?: any
+  
+  preserveLabelWhenMissing?: boolean
+  
+  mode?: 'multiple' | 'tags' | 'combobox'
+  
+  showSearch?: boolean
+  
+  fieldNames?: any
   
   borderType?: 'underline' | 'bordered' | 'none'
   

package/packages/components/select/style.css

@@ -1 +1 @@
-.das-ui-select[data-v-0b7f804b]{--upf-select-text-color: var(--upf-text-primary);--upf-select-placeholder-color: var(--upf-text-placeholder);--upf-select-border-color: var(--upf-border-color, #d9d9d9);--upf-select-underline-color: var(--upf-text-disabled);--upf-select-active-border-color: var(--upf-form-active-border-color, var(--upf-color-primary));--upf-select-primary-color: var(--upf-color-primary);--upf-select-error-color: var(--upf-color-error);--upf-select-disabled-text-color: var(--upf-text-disabled);--upf-select-disabled-border-color: var(--upf-border-color, #d9d9d9);--upf-select-disabled-bg-color: var(--upf-bg-secondary);--upf-select-option-active-bg: var(--upf-menu-hover-bg);--upf-select-help-color: var(--upf-text-secondary);--upf-select-overlay-error-color: var(--upf-color-error);--upf-select-height-sm: 24px;--upf-select-height-md: 32px;--upf-select-height-lg: 36px;--upf-select-max-height-sm: 66px;--upf-select-max-height-md: 82px;--upf-select-max-height-lg: 85px;--upf-select-tag-font-size-sm: 14px;--upf-select-tag-font-size-md: 14px;--upf-select-tag-font-size-lg: 15px;display:inline-block;position:relative}.das-ui-select .das-select-overlay-error-label-content[data-v-0b7f804b]{position:absolute;top:100%;left:0;width:var(--a6ce2bee)}.das-ui-select.show-ellipsis[data-v-0b7f804b] .ant-select-selection-overflow-item.ellipsis .ant-tag{display:flex;align-items:center}.das-ui-select.show-ellipsis[data-v-0b7f804b] .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-0b7f804b] .ant-select{width:100%;height:var(--v66954578)}.das-ui-select[data-v-0b7f804b] .ant-select .das-select-error-label-content{width:var(--a6ce2bee);font-size:12px}.das-ui-select[data-v-0b7f804b] .ant-select .das-select-error-label-content .label{display:block;color:var(--upf-select-overlay-error-color);white-space:break-spaces}.das-ui-select[data-v-0b7f804b] .ant-select .ant-select-arrow{color:var(--upf-text-secondary);width:16px;height:16px;margin-top:0;transform:translateY(-50%)}.das-ui-select[data-v-0b7f804b] .ant-select:hover .ant-select-arrow{color:var(--upf-select-primary-color)}.das-ui-select[data-v-0b7f804b] .ant-select .ant-select-clear{color:var(--upf-text-placeholder);width:16px;height:16px;margin-top:0;transform:translateY(-50%);z-index:auto}.das-ui-select[data-v-0b7f804b] .ant-select .ant-select-clear:hover{color:var(--upf-text-secondary)}.das-ui-select[data-v-0b7f804b] .ant-select .os-scrollbar.os-scrollbar-vertical{z-index:1}.das-ui-select[data-v-0b7f804b] .ant-select .ant-select-selector{box-sizing:border-box;box-shadow:none!important}.das-ui-select[data-v-0b7f804b] .ant-select .ant-select-selector .ant-tag{margin-bottom:1px;background-color:transparent}.das-ui-select[data-v-0b7f804b] .ant-select .ant-select-selector .ant-select-selection-search{left:0}.das-ui-select[data-v-0b7f804b] .ant-select .ant-select-selector .ant-select-selection-placeholder{padding-left:0;left:0}.das-ui-select[data-v-0b7f804b] .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{height:var(--upf-select-height-md)}.das-ui-select[data-v-0b7f804b] .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input,.das-ui-select[data-v-0b7f804b] .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder:after{height:calc(var(--upf-select-height-md) - 2px)}.das-ui-select[data-v-0b7f804b] .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector:after{height:calc(var(--upf-select-height-md) - 2px)}.das-ui-select[data-v-0b7f804b] .ant-select.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector{height:var(--upf-select-height-sm)}.das-ui-select[data-v-0b7f804b] .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-0b7f804b] .ant-select.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder:after{height:calc(var(--upf-select-height-sm) - 2px)}.das-ui-select[data-v-0b7f804b] .ant-select.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector:after{height:calc(var(--upf-select-height-sm) - 2px)}.das-ui-select[data-v-0b7f804b] .ant-select.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector{height:var(--upf-select-height-lg)}.das-ui-select[data-v-0b7f804b] .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-0b7f804b] .ant-select.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder:after{height:calc(var(--upf-select-height-lg) - 2px)}.das-ui-select[data-v-0b7f804b] .ant-select.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector:after{height:calc(var(--upf-select-height-lg) - 2px)}.das-ui-select[data-v-0b7f804b] .ant-select .ant-select-selection-item{color:var(--upf-select-text-color)}.das-ui-select[data-v-0b7f804b] .ant-select.ant-select-multiple .ant-select-selector{min-height:var(--upf-select-height-md)}.das-ui-select[data-v-0b7f804b] .ant-select.ant-select-multiple .ant-select-selection-search{margin-inline-start:0px;-webkit-margin-start:0px;height:calc(var(--upf-select-height-md) - 2px);line-height:calc(var(--upf-select-height-md) - 2px)}.das-ui-select[data-v-0b7f804b] .ant-select.ant-select-multiple .ant-tag{color:var(--upf-select-text-color);height:calc(var(--upf-select-height-md) - 4px);line-height:calc(var(--upf-select-height-md) - 5px);font-size:var(--upf-select-tag-font-size-md);margin-bottom:0;margin-right:0}.das-ui-select[data-v-0b7f804b] .ant-select.ant-select-multiple .ant-select-selection-item{height:calc(var(--upf-select-height-md) - 4px);font-size:var(--upf-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-0b7f804b] .ant-select.ant-select-multiple .ant-select-selection-overflow{max-height:var(--upf-select-max-height-md)}.das-ui-select[data-v-0b7f804b] .ant-select.ant-select-multiple.ant-select-sm .ant-select-selector{min-height:var(--upf-select-height-sm)}.das-ui-select[data-v-0b7f804b] .ant-select.ant-select-multiple.ant-select-sm .ant-select-selection-search{height:calc(var(--upf-select-height-sm) - 2px);line-height:calc(var(--upf-select-height-sm) - 2px)}.das-ui-select[data-v-0b7f804b] .ant-select.ant-select-multiple.ant-select-sm .ant-tag{height:calc(var(--upf-select-height-sm) - 4px);line-height:calc(var(--upf-select-height-sm) - 5px);font-size:var(--upf-select-tag-font-size-sm)}.das-ui-select[data-v-0b7f804b] .ant-select.ant-select-multiple.ant-select-sm .ant-select-selection-item{height:calc(var(--upf-select-height-sm) - 2px);line-height:calc(var(--upf-select-height-sm) - 2px);font-size:var(--upf-select-tag-font-size-sm)}.das-ui-select[data-v-0b7f804b] .ant-select.ant-select-multiple.ant-select-sm .ant-select-selection-overflow{max-height:var(--upf-select-max-height-sm)}.das-ui-select[data-v-0b7f804b] .ant-select.ant-select-multiple.ant-select-lg .ant-select-selector{min-height:var(--upf-select-height-lg)}.das-ui-select[data-v-0b7f804b] .ant-select.ant-select-multiple.ant-select-lg .ant-select-selection-search{height:calc(var(--upf-select-height-lg) - 2px);line-height:calc(var(--upf-select-height-lg) - 2px)}.das-ui-select[data-v-0b7f804b] .ant-select.ant-select-multiple.ant-select-lg .ant-tag{height:calc(var(--upf-select-height-lg) - 8px);line-height:calc(var(--upf-select-height-lg) - 8px);font-size:var(--upf-select-tag-font-size-lg)}.das-ui-select[data-v-0b7f804b] .ant-select.ant-select-multiple.ant-select-lg .ant-select-selection-item{height:calc(var(--upf-select-height-lg) - 7px);line-height:calc(var(--upf-select-height-lg) - 7px);font-size:var(--upf-select-tag-font-size-lg)}.das-ui-select[data-v-0b7f804b] .ant-select.ant-select-multiple.ant-select-lg .ant-select-selection-overflow{max-height:var(--upf-select-max-height-lg)}.das-ui-select[data-v-0b7f804b] .ant-select.ant-select-single .ant-select-selector{padding:0!important}.das-ui-select[data-v-0b7f804b] .ant-select-multiple .ant-select-selector{padding-top:0;padding-bottom:0}.das-ui-select[data-v-0b7f804b] .ant-select-multiple .ant-select-selector:after{margin:0}.das-ui-select[data-v-0b7f804b] .ant-select-multiple .anticon svg{vertical-align:baseline}.das-ui-select[data-v-0b7f804b] .ant-select-disabled.ant-select .ant-select-arrow,.das-ui-select[data-v-0b7f804b] .ant-select-disabled.ant-select .ant-select-selection-item,.das-ui-select[data-v-0b7f804b] .ant-select-disabled.ant-select .ant-tag{color:var(--upf-select-disabled-text-color)}.das-ui-select[data-v-0b7f804b] .ant-select .das-suffix-icon{transition:transform .5s}.das-ui-select[data-v-0b7f804b] .ant-select.ant-select-open .das-suffix-icon{transform:rotate(180deg)}.das-ui-select.underline[data-v-0b7f804b] .ant-select .ant-select-selector{border-radius:0;border-color:transparent!important;border-bottom-color:var(--upf-select-underline-color)!important;background-color:transparent!important;padding:0!important}.das-ui-select.underline[data-v-0b7f804b] .ant-select .ant-select-selector:hover,.das-ui-select.underline[data-v-0b7f804b] .ant-select.ant-select-focused .ant-select-selector{border-bottom-color:var(--upf-select-active-border-color)!important}.das-ui-select.underline[data-v-0b7f804b] .ant-select .ant-select-arrow,.das-ui-select.underline[data-v-0b7f804b] .ant-select .ant-select-clear{right:0}.das-ui-select.underline.is-error[data-v-0b7f804b] .ant-select .ant-select-selector,.das-ui-select.underline.is-error[data-v-0b7f804b] .ant-select .ant-select-selector:hover{border-bottom-color:var(--upf-select-error-color)!important}.das-ui-select.underline[data-v-0b7f804b] .ant-select-disabled.ant-select .ant-select-selector,.das-ui-select.underline[data-v-0b7f804b] .ant-select-disabled.ant-select .ant-select-selector:hover{border-bottom-color:var(--upf-select-disabled-border-color)!important}.das-ui-select.bordered[data-v-0b7f804b] .ant-select .ant-select-selector{border-color:var(--upf-select-border-color)!important}.das-ui-select.bordered[data-v-0b7f804b] .ant-select .ant-select-selector:hover,.das-ui-select.bordered[data-v-0b7f804b] .ant-select.ant-select-focused .ant-select-selector{border-color:var(--upf-select-active-border-color)!important}.das-ui-select.bordered[data-v-0b7f804b] .ant-select .ant-select-selector .ant-select-selection-search{-webkit-user-select:text;user-select:text;cursor:text;left:8px}.das-ui-select.bordered[data-v-0b7f804b] .ant-select .ant-select-selector .ant-select-selection-placeholder,.das-ui-select.bordered[data-v-0b7f804b] .ant-select .ant-select-selector .ant-select-selection-item{padding-left:8px}.das-ui-select.bordered[data-v-0b7f804b] .ant-select.ant-select-single.ant-select-show-arrow .ant-select-selection-item,.das-ui-select.bordered[data-v-0b7f804b] .ant-select.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder{padding-right:24px;-webkit-user-select:text;user-select:text}.das-ui-select.bordered[data-v-0b7f804b] .ant-select.ant-select-multiple .ant-select-selector{padding-left:3px}.das-ui-select.bordered[data-v-0b7f804b] .ant-select.ant-select-multiple .ant-select-selector .ant-select-selection-item{padding-left:0;height:auto}.das-ui-select.bordered[data-v-0b7f804b] .ant-select.ant-select-multiple .ant-select-selector .ant-select-selection-search{left:5px}.das-ui-select.bordered.is-error[data-v-0b7f804b] .ant-select .ant-select-selector,.das-ui-select.bordered.is-error[data-v-0b7f804b] .ant-select .ant-select-selector:hover{border-color:var(--upf-select-error-color)!important}.das-ui-select.bordered[data-v-0b7f804b] .ant-select-disabled.ant-select .ant-select-selector,.das-ui-select.bordered[data-v-0b7f804b] .ant-select-disabled.ant-select .ant-select-selector:hover{border-color:var(--upf-select-disabled-border-color)!important}.das-ui-select.none[data-v-0b7f804b] .ant-select .ant-select-arrow,.das-ui-select.none[data-v-0b7f804b] .ant-select .ant-select-clear{right:0}.das-ui-select.none[data-v-0b7f804b] .ant-select-disabled.ant-select .ant-select-selector{background-color:transparent!important}.das-ui-select.readonly[data-v-0b7f804b] .ant-select-disabled.ant-select .ant-select-selector{background-color:transparent!important;cursor:default;-webkit-user-select:text;user-select:text}.das-ui-select.readonly[data-v-0b7f804b] .ant-select-disabled.ant-select .ant-select-selector input{cursor:text;-webkit-user-select:text;user-select:text}.das-ui-select.readonly[data-v-0b7f804b] .ant-select-disabled.ant-select .ant-select-selection-item{color:var(--upf-select-text-color);cursor:default}.das-ui-select.readonly[data-v-0b7f804b] .ant-select-disabled.ant-select .ant-tag,.das-ui-select.readonly[data-v-0b7f804b] .ant-select-disabled.ant-select .ant-select-selection-placeholder{color:var(--upf-select-text-color)}.das-ui-select.readonly[data-v-0b7f804b] .ant-select-disabled.ant-select-multiple .ant-select-selection-item{color:var(--upf-select-text-color);border-color:transparent}.das-ui-select.readonly[data-v-0b7f804b] .ant-select-disabled.ant-select-multiple .ant-select-selection-placeholder{color:var(--upf-select-text-color)}.das-ui-select.readonly[data-v-0b7f804b] .ant-select .ant-select-arrow{display:none}.das-ui-select.readonly.underline[data-v-0b7f804b] .ant-select .ant-select-clear{right:0}.das-ui-select .das-select-label-content[data-v-0b7f804b]{font-size:12px}.das-ui-select .das-select-label-content .das-select-error-label[data-v-0b7f804b]{display:block;color:var(--upf-select-error-color)}.das-ui-select-dorpdown .hasNoData{padding:2px 0 6px;color:var(--upf-text-primary);font-size:12px}.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(--upf-color-primary-bg);font-weight:400;color:var(--upf-color-primary)}.das-ui-select-dorpdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .das-multiple-option-item{color:var(--upf-text-primary)}.das-ui-select-dorpdown .das-ui-select-dropdown-checkall{height:40px;line-height:40px;padding:0 12px;border-top:1px solid var(--upf-border-color)}.das-ui-select-dorpdown .das-ui-select-dropdown-checkall .das-ui-dropdown-has-checked{font-size:12px;color:var(--upf-text-secondary)}.das-ui-select-dorpdown .das-ui-select-dropdown-checkall .das-ui-dropdown-has-checked .key{color:var(--upf-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 var(--upf-border-color)}.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:var(--upf-text-primary)}
+.das-ui-select[data-v-c294ab77]{--upf-select-text-color: var(--upf-text-primary);--upf-select-placeholder-color: var(--upf-text-placeholder);--upf-select-border-color: var(--upf-border-color, #d9d9d9);--upf-select-underline-color: var(--upf-text-disabled);--upf-select-active-border-color: var(--upf-form-active-border-color, var(--upf-color-primary));--upf-select-primary-color: var(--upf-color-primary);--upf-select-error-color: var(--upf-color-error);--upf-select-disabled-text-color: var(--upf-text-disabled);--upf-select-disabled-border-color: var(--upf-border-color, #d9d9d9);--upf-select-disabled-bg-color: var(--upf-bg-secondary);--upf-select-option-active-bg: var(--upf-menu-hover-bg);--upf-select-help-color: var(--upf-text-secondary);--upf-select-overlay-error-color: var(--upf-color-error);--upf-select-height-sm: 24px;--upf-select-height-md: 32px;--upf-select-height-lg: 36px;--upf-select-max-height-sm: 66px;--upf-select-max-height-md: 82px;--upf-select-max-height-lg: 85px;--upf-select-tag-font-size-sm: 14px;--upf-select-tag-font-size-md: 14px;--upf-select-tag-font-size-lg: 15px;display:inline-block;position:relative}.das-ui-select .das-select-overlay-error-label-content[data-v-c294ab77]{position:absolute;top:100%;left:0;width:var(--ddcf49b6)}.das-ui-select.show-ellipsis[data-v-c294ab77] .ant-select-selection-overflow-item.ellipsis .ant-tag{display:flex;align-items:center}.das-ui-select.show-ellipsis[data-v-c294ab77] .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-c294ab77] .ant-select{width:100%;height:var(--v78240fa8)}.das-ui-select[data-v-c294ab77] .ant-select .das-select-error-label-content{width:var(--ddcf49b6);font-size:12px}.das-ui-select[data-v-c294ab77] .ant-select .das-select-error-label-content .label{display:block;color:var(--upf-select-overlay-error-color);white-space:break-spaces}.das-ui-select[data-v-c294ab77] .ant-select .ant-select-arrow{color:var(--upf-text-secondary);width:16px;height:16px;margin-top:0;transform:translateY(-50%)}.das-ui-select[data-v-c294ab77] .ant-select:hover .ant-select-arrow{color:var(--upf-select-primary-color)}.das-ui-select[data-v-c294ab77] .ant-select .ant-select-clear{color:var(--upf-text-placeholder);width:16px;height:16px;margin-top:0;transform:translateY(-50%);z-index:auto}.das-ui-select[data-v-c294ab77] .ant-select .ant-select-clear:hover{color:var(--upf-text-secondary)}.das-ui-select[data-v-c294ab77] .ant-select .os-scrollbar.os-scrollbar-vertical{z-index:1}.das-ui-select[data-v-c294ab77] .ant-select .ant-select-selector{box-sizing:border-box;box-shadow:none!important}.das-ui-select[data-v-c294ab77] .ant-select .ant-select-selector .ant-tag{margin-bottom:1px;background-color:transparent}.das-ui-select[data-v-c294ab77] .ant-select .ant-select-selector .ant-select-selection-search{left:0}.das-ui-select[data-v-c294ab77] .ant-select .ant-select-selector .ant-select-selection-placeholder{padding-left:0;left:0}.das-ui-select[data-v-c294ab77] .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{height:var(--upf-select-height-md)}.das-ui-select[data-v-c294ab77] .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input,.das-ui-select[data-v-c294ab77] .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder:after{height:calc(var(--upf-select-height-md) - 2px)}.das-ui-select[data-v-c294ab77] .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector:after{height:calc(var(--upf-select-height-md) - 2px)}.das-ui-select[data-v-c294ab77] .ant-select.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector{height:var(--upf-select-height-sm)}.das-ui-select[data-v-c294ab77] .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-c294ab77] .ant-select.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder:after{height:calc(var(--upf-select-height-sm) - 2px)}.das-ui-select[data-v-c294ab77] .ant-select.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector:after{height:calc(var(--upf-select-height-sm) - 2px)}.das-ui-select[data-v-c294ab77] .ant-select.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector{height:var(--upf-select-height-lg)}.das-ui-select[data-v-c294ab77] .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-c294ab77] .ant-select.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder:after{height:calc(var(--upf-select-height-lg) - 2px)}.das-ui-select[data-v-c294ab77] .ant-select.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector:after{height:calc(var(--upf-select-height-lg) - 2px)}.das-ui-select[data-v-c294ab77] .ant-select .ant-select-selection-item{color:var(--upf-select-text-color)}.das-ui-select[data-v-c294ab77] .ant-select.ant-select-multiple .ant-select-selector{min-height:var(--upf-select-height-md)}.das-ui-select[data-v-c294ab77] .ant-select.ant-select-multiple .ant-select-selection-search{margin-inline-start:0px;-webkit-margin-start:0px;height:calc(var(--upf-select-height-md) - 2px);line-height:calc(var(--upf-select-height-md) - 2px)}.das-ui-select[data-v-c294ab77] .ant-select.ant-select-multiple .ant-tag{color:var(--upf-select-text-color);height:calc(var(--upf-select-height-md) - 4px);line-height:calc(var(--upf-select-height-md) - 5px);font-size:var(--upf-select-tag-font-size-md);margin-bottom:0;margin-right:0}.das-ui-select[data-v-c294ab77] .ant-select.ant-select-multiple .ant-select-selection-item{height:calc(var(--upf-select-height-md) - 4px);font-size:var(--upf-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-c294ab77] .ant-select.ant-select-multiple .ant-select-selection-overflow{max-height:var(--upf-select-max-height-md)}.das-ui-select[data-v-c294ab77] .ant-select.ant-select-multiple.ant-select-sm .ant-select-selector{min-height:var(--upf-select-height-sm)}.das-ui-select[data-v-c294ab77] .ant-select.ant-select-multiple.ant-select-sm .ant-select-selection-search{height:calc(var(--upf-select-height-sm) - 2px);line-height:calc(var(--upf-select-height-sm) - 2px)}.das-ui-select[data-v-c294ab77] .ant-select.ant-select-multiple.ant-select-sm .ant-tag{height:calc(var(--upf-select-height-sm) - 4px);line-height:calc(var(--upf-select-height-sm) - 5px);font-size:var(--upf-select-tag-font-size-sm)}.das-ui-select[data-v-c294ab77] .ant-select.ant-select-multiple.ant-select-sm .ant-select-selection-item{height:calc(var(--upf-select-height-sm) - 2px);line-height:calc(var(--upf-select-height-sm) - 2px);font-size:var(--upf-select-tag-font-size-sm)}.das-ui-select[data-v-c294ab77] .ant-select.ant-select-multiple.ant-select-sm .ant-select-selection-overflow{max-height:var(--upf-select-max-height-sm)}.das-ui-select[data-v-c294ab77] .ant-select.ant-select-multiple.ant-select-lg .ant-select-selector{min-height:var(--upf-select-height-lg)}.das-ui-select[data-v-c294ab77] .ant-select.ant-select-multiple.ant-select-lg .ant-select-selection-search{height:calc(var(--upf-select-height-lg) - 2px);line-height:calc(var(--upf-select-height-lg) - 2px)}.das-ui-select[data-v-c294ab77] .ant-select.ant-select-multiple.ant-select-lg .ant-tag{height:calc(var(--upf-select-height-lg) - 8px);line-height:calc(var(--upf-select-height-lg) - 8px);font-size:var(--upf-select-tag-font-size-lg)}.das-ui-select[data-v-c294ab77] .ant-select.ant-select-multiple.ant-select-lg .ant-select-selection-item{height:calc(var(--upf-select-height-lg) - 7px);line-height:calc(var(--upf-select-height-lg) - 7px);font-size:var(--upf-select-tag-font-size-lg)}.das-ui-select[data-v-c294ab77] .ant-select.ant-select-multiple.ant-select-lg .ant-select-selection-overflow{max-height:var(--upf-select-max-height-lg)}.das-ui-select[data-v-c294ab77] .ant-select.ant-select-single .ant-select-selector{padding:0!important}.das-ui-select[data-v-c294ab77] .ant-select-multiple .ant-select-selector{padding-top:0;padding-bottom:0}.das-ui-select[data-v-c294ab77] .ant-select-multiple .ant-select-selector:after{margin:0}.das-ui-select[data-v-c294ab77] .ant-select-multiple .anticon svg{vertical-align:baseline}.das-ui-select[data-v-c294ab77] .ant-select-disabled.ant-select .ant-select-arrow,.das-ui-select[data-v-c294ab77] .ant-select-disabled.ant-select .ant-select-selection-item,.das-ui-select[data-v-c294ab77] .ant-select-disabled.ant-select .ant-tag{color:var(--upf-select-disabled-text-color)}.das-ui-select[data-v-c294ab77] .ant-select .das-suffix-icon{transition:transform .5s}.das-ui-select[data-v-c294ab77] .ant-select.ant-select-open .das-suffix-icon{transform:rotate(180deg)}.das-ui-select.underline[data-v-c294ab77] .ant-select .ant-select-selector{border-radius:0;border-color:transparent!important;border-bottom-color:var(--upf-select-underline-color)!important;background-color:transparent!important;padding:0!important}.das-ui-select.underline[data-v-c294ab77] .ant-select .ant-select-selector:hover,.das-ui-select.underline[data-v-c294ab77] .ant-select.ant-select-focused .ant-select-selector{border-bottom-color:var(--upf-select-active-border-color)!important}.das-ui-select.underline[data-v-c294ab77] .ant-select .ant-select-arrow,.das-ui-select.underline[data-v-c294ab77] .ant-select .ant-select-clear{right:0}.das-ui-select.underline.is-error[data-v-c294ab77] .ant-select .ant-select-selector,.das-ui-select.underline.is-error[data-v-c294ab77] .ant-select .ant-select-selector:hover{border-bottom-color:var(--upf-select-error-color)!important}.das-ui-select.underline[data-v-c294ab77] .ant-select-disabled.ant-select .ant-select-selector,.das-ui-select.underline[data-v-c294ab77] .ant-select-disabled.ant-select .ant-select-selector:hover{border-bottom-color:var(--upf-select-disabled-border-color)!important}.das-ui-select.bordered[data-v-c294ab77] .ant-select .ant-select-selector{border-color:var(--upf-select-border-color)!important}.das-ui-select.bordered[data-v-c294ab77] .ant-select .ant-select-selector:hover,.das-ui-select.bordered[data-v-c294ab77] .ant-select.ant-select-focused .ant-select-selector{border-color:var(--upf-select-active-border-color)!important}.das-ui-select.bordered[data-v-c294ab77] .ant-select .ant-select-selector .ant-select-selection-search{-webkit-user-select:text;user-select:text;cursor:text;left:8px}.das-ui-select.bordered[data-v-c294ab77] .ant-select .ant-select-selector .ant-select-selection-placeholder,.das-ui-select.bordered[data-v-c294ab77] .ant-select .ant-select-selector .ant-select-selection-item{padding-left:8px}.das-ui-select.bordered[data-v-c294ab77] .ant-select.ant-select-single.ant-select-show-arrow .ant-select-selection-item,.das-ui-select.bordered[data-v-c294ab77] .ant-select.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder{padding-right:24px;-webkit-user-select:text;user-select:text}.das-ui-select.bordered[data-v-c294ab77] .ant-select.ant-select-multiple .ant-select-selector{padding-left:3px}.das-ui-select.bordered[data-v-c294ab77] .ant-select.ant-select-multiple .ant-select-selector .ant-select-selection-item{padding-left:0;height:auto}.das-ui-select.bordered[data-v-c294ab77] .ant-select.ant-select-multiple .ant-select-selector .ant-select-selection-search{left:5px}.das-ui-select.bordered.is-error[data-v-c294ab77] .ant-select .ant-select-selector,.das-ui-select.bordered.is-error[data-v-c294ab77] .ant-select .ant-select-selector:hover{border-color:var(--upf-select-error-color)!important}.das-ui-select.bordered[data-v-c294ab77] .ant-select-disabled.ant-select .ant-select-selector,.das-ui-select.bordered[data-v-c294ab77] .ant-select-disabled.ant-select .ant-select-selector:hover{border-color:var(--upf-select-disabled-border-color)!important}.das-ui-select.none[data-v-c294ab77] .ant-select .ant-select-arrow,.das-ui-select.none[data-v-c294ab77] .ant-select .ant-select-clear{right:0}.das-ui-select.none[data-v-c294ab77] .ant-select-disabled.ant-select .ant-select-selector{background-color:transparent!important}.das-ui-select.readonly[data-v-c294ab77] .ant-select-disabled.ant-select .ant-select-selector{background-color:transparent!important;cursor:default;-webkit-user-select:text;user-select:text}.das-ui-select.readonly[data-v-c294ab77] .ant-select-disabled.ant-select .ant-select-selector input{cursor:text;-webkit-user-select:text;user-select:text}.das-ui-select.readonly[data-v-c294ab77] .ant-select-disabled.ant-select .ant-select-selection-item{color:var(--upf-select-text-color);cursor:default}.das-ui-select.readonly[data-v-c294ab77] .ant-select-disabled.ant-select .ant-tag,.das-ui-select.readonly[data-v-c294ab77] .ant-select-disabled.ant-select .ant-select-selection-placeholder{color:var(--upf-select-text-color)}.das-ui-select.readonly[data-v-c294ab77] .ant-select-disabled.ant-select-multiple .ant-select-selection-item{color:var(--upf-select-text-color);border-color:transparent}.das-ui-select.readonly[data-v-c294ab77] .ant-select-disabled.ant-select-multiple .ant-select-selection-placeholder{color:var(--upf-select-text-color)}.das-ui-select.readonly[data-v-c294ab77] .ant-select .ant-select-arrow{display:none}.das-ui-select.readonly.underline[data-v-c294ab77] .ant-select .ant-select-clear{right:0}.das-ui-select .das-select-label-content[data-v-c294ab77]{font-size:12px}.das-ui-select .das-select-label-content .das-select-error-label[data-v-c294ab77]{display:block;color:var(--upf-select-error-color)}.das-ui-select-dorpdown .hasNoData{padding:2px 0 6px;color:var(--upf-text-primary);font-size:12px}.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(--upf-color-primary-bg);font-weight:400;color:var(--upf-color-primary)}.das-ui-select-dorpdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .das-multiple-option-item{color:var(--upf-text-primary)}.das-ui-select-dorpdown .das-ui-select-dropdown-checkall{height:40px;line-height:40px;padding:0 12px;border-top:1px solid var(--upf-border-color)}.das-ui-select-dorpdown .das-ui-select-dropdown-checkall .das-ui-dropdown-has-checked{font-size:12px;color:var(--upf-text-secondary)}.das-ui-select-dorpdown .das-ui-select-dropdown-checkall .das-ui-dropdown-has-checked .key{color:var(--upf-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 var(--upf-border-color)}.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:var(--upf-text-primary)}

package/packages/components/spin/index.js

@@ -1,44 +1,44 @@
-import { setI18nRule as _, t as v } from "@das-fed/upf-web/packages/i18n/index";
-import { withInstall as $ } from "@das-fed/upf-utils/with-install/index";
-import { openBlock as i, createElementBlock as d, createStaticVNode as u, createElementVNode as f, defineComponent as y, useAttrs as C, normalizeClass as g, createVNode as z, unref as I, mergeProps as S, withCtx as x, renderSlot as N, h as o, isVNode as l, cloneVNode as m } from "vue";
-import { Spin as h } from "ant-design-vue";
+import { setI18nRule as u, t as v } from "@das-fed/upf-web/packages/i18n/index";
+import { withInstall as _ } from "@das-fed/upf-utils/with-install/index";
+import { openBlock as n, createElementBlock as d, createStaticVNode as m, createElementVNode as l, defineComponent as $, ref as C, useAttrs as g, watch as f, h as o, normalizeClass as z, createVNode as S, unref as p, mergeProps as h, withCtx as x, renderSlot as y } from "vue";
+import { Spin as I } from "ant-design-vue";
 import "ant-design-vue/es/spin/style/css";
 import { DasIconLoad as L } from "@das-fed/upf-ui/packages/icons/load/index";
 import "@das-fed/upf-ui/packages/global/theme"
 import '@das-fed/upf-ui/packages/components/spin/style.css';
 ;
-const p = (s, t) => {
-  const n = s.__vccOpts || s;
-  for (const [r, c] of t)
-    n[r] = c;
-  return n;
-}, V = {}, k = { class: "das-spin-container das-spin-page" };
-function w(s, t) {
-  return i(), d("div", k, [...t[0] || (t[0] = [
-    u('<div class="das-spin-dot-spin" data-v-323f37a9><i class="das-spin-dot-item" data-v-323f37a9></i><i class="das-spin-dot-item" data-v-323f37a9></i><i class="das-spin-dot-item" data-v-323f37a9></i><i class="das-spin-dot-item" data-v-323f37a9></i></div>', 1)
+const r = (a, t) => {
+  const i = a.__vccOpts || a;
+  for (const [e, s] of t)
+    i[e] = s;
+  return i;
+}, k = {}, N = { class: "das-spin-container das-spin-page" };
+function B(a, t) {
+  return n(), d("div", N, [...t[0] || (t[0] = [
+    m('<div class="das-spin-dot-spin" data-v-323f37a9><i class="das-spin-dot-item" data-v-323f37a9></i><i class="das-spin-dot-item" data-v-323f37a9></i><i class="das-spin-dot-item" data-v-323f37a9></i><i class="das-spin-dot-item" data-v-323f37a9></i></div>', 1)
   ])]);
 }
-const A = /* @__PURE__ */ p(V, [["render", w], ["__scopeId", "data-v-323f37a9"]]), B = {}, D = { class: "das-spin-container das-spin-component" };
-function E(s, t) {
-  return i(), d("div", D, [...t[0] || (t[0] = [
-    f(
+const V = /* @__PURE__ */ r(k, [["render", B], ["__scopeId", "data-v-323f37a9"]]), w = {}, D = { class: "das-spin-container das-spin-component" };
+function E(a, t) {
+  return n(), d("div", D, [...t[0] || (t[0] = [
+    l(
       "div",
       { class: "das-spin-dot-spin" },
       [
-        f("i", { class: "das-spin-dot-item" })
+        l("i", { class: "das-spin-dot-item" })
       ],
       -1
       /* CACHED */
     )
   ])]);
 }
-const O = /* @__PURE__ */ p(B, [["render", E], ["__scopeId", "data-v-f47a1ae6"]]), P = {}, b = { class: "das-spin-container das-spin-containerload" };
-function M(s, t) {
-  return i(), d("div", b, [...t[0] || (t[0] = [
-    u('<div class="das-spin-dot-spin" data-v-f7548f22><i class="das-spin-dot-item" data-v-f7548f22></i><i class="das-spin-dot-item" data-v-f7548f22></i><i class="das-spin-dot-item" data-v-f7548f22></i><i class="das-spin-dot-item" data-v-f7548f22></i></div>', 1)
+const O = /* @__PURE__ */ r(w, [["render", E], ["__scopeId", "data-v-f47a1ae6"]]), P = {}, b = { class: "das-spin-container das-spin-containerload" };
+function A(a, t) {
+  return n(), d("div", b, [...t[0] || (t[0] = [
+    m('<div class="das-spin-dot-spin" data-v-f7548f22><i class="das-spin-dot-item" data-v-f7548f22></i><i class="das-spin-dot-item" data-v-f7548f22></i><i class="das-spin-dot-item" data-v-f7548f22></i><i class="das-spin-dot-item" data-v-f7548f22></i></div>', 1)
   ])]);
 }
-const R = /* @__PURE__ */ p(P, [["render", M], ["__scopeId", "data-v-f7548f22"]]), j = /* @__PURE__ */ y({
+const M = /* @__PURE__ */ r(P, [["render", A], ["__scopeId", "data-v-f7548f22"]]), R = /* @__PURE__ */ $({
   __name: "index",
   props: {
     type: { default: "page" },
@@ -47,31 +47,35 @@ const R = /* @__PURE__ */ p(P, [["render", M], ["__scopeId", "data-v-f7548f22"]]
     iconColor: { default: "var(--upf-loading-color-5, var(--upf-color-primary))" },
     full: { type: Boolean, default: !0 }
   },
-  setup(s) {
-    const t = s, n = C(), r = (a) => Array.isArray(a) ? a.map((e) => l(e) ? m(e) : e) : l(a) ? m(a) : a, c = () => {
-      if (n.indicator) return r(n.indicator);
-      if (t.type == "page") return o(A);
-      if (t.type == "container") return o(R);
-      if (t.type == "component") return o(O);
-      if (t.type == "load")
-        return o(L, {
+  setup(a) {
+    let t = a, i = C("");
+    const e = g();
+    return f(
+      () => t.type,
+      (s, c) => {
+        s == "page" && (i.value = o(V)), s == "container" && (i.value = o(M)), s == "component" && (i.value = o(O)), s == "load" && (i.value = o(L, {
           iconColor: t.iconColor,
           customSize: t.customSize
-        });
-    };
-    return (a, e) => (i(), d(
+        }));
+      },
+      { immediate: !0 }
+    ), f(
+      () => e,
+      (s, c) => {
+        e.indicator && (i.value = e.indicator);
+      },
+      { immediate: !0 }
+    ), (s, c) => (n(), d(
       "div",
       {
-        class: g({ "das-spin-container": !0, full: s.full })
+        class: z({ "das-spin-container": !0, full: a.full })
       },
       [
-        z(I(h), S({
-          class: `das-slef-spin ${s.size} ${s.type} `
-        }, a.$attrs, {
-          indicator: c()
-        }), {
+        S(p(I), h({
+          class: `das-slef-spin ${a.size} ${a.type} `
+        }, s.$attrs, { indicator: p(i) }), {
           default: x(() => [
-            N(a.$slots, "default")
+            y(s.$slots, "default")
           ]),
           _: 3
           /* FORWARDED */
@@ -81,10 +85,10 @@ const R = /* @__PURE__ */ p(P, [["render", M], ["__scopeId", "data-v-f7548f22"]]
       /* CLASS */
     ));
   }
-}), q = { 加载中: { "zh-CN": "加载中", en: "Loading", "zh-MO": "加載中", _appCode: "framework" } };
-_(q);
-const U = $(j), W = { name: `Spin ${v("加载中")}` };
+}), j = { 加载中: { "zh-CN": "加载中", en: "Loading", "zh-MO": "加載中", _appCode: "framework" } };
+u(j);
+const T = _(R), U = { name: `Spin ${v("加载中")}` };
 export {
-  U as DasSpin,
-  W as default
+  T as DasSpin,
+  U as default
 };

package/packages/components/tree-select/src/App.vue.d.ts

@@ -10,6 +10,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {
             readonly options?: any;
             readonly preserveLabelWhenMissing?: boolean | undefined;
             readonly mode?: ("multiple" | "tags" | "combobox") | undefined;
+            readonly showSearch?: boolean | undefined;
             readonly fieldNames?: any;
             readonly borderType?: ("underline" | "bordered" | "none") | undefined;
             readonly placeholder?: string | undefined;
@@ -225,6 +226,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {
             readonly options?: any;
             readonly preserveLabelWhenMissing?: boolean | undefined;
             readonly mode?: ("multiple" | "tags" | "combobox") | undefined;
+            readonly showSearch?: boolean | undefined;
             readonly fieldNames?: any;
             readonly borderType?: ("underline" | "bordered" | "none") | undefined;
             readonly placeholder?: string | undefined;

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

@@ -13,6 +13,7 @@ export declare const useTreeSelect: (props: Props, emit: Emits, nodeKey: any, at
             readonly options?: any;
             readonly preserveLabelWhenMissing?: boolean | undefined;
             readonly mode?: ("multiple" | "tags" | "combobox") | undefined;
+            readonly showSearch?: boolean | undefined;
             readonly fieldNames?: any;
             readonly borderType?: ("underline" | "bordered" | "none") | undefined;
             readonly placeholder?: string | undefined;
@@ -228,6 +229,7 @@ export declare const useTreeSelect: (props: Props, emit: Emits, nodeKey: any, at
             readonly options?: any;
             readonly preserveLabelWhenMissing?: boolean | undefined;
             readonly mode?: ("multiple" | "tags" | "combobox") | undefined;
+            readonly showSearch?: boolean | undefined;
             readonly fieldNames?: any;
             readonly borderType?: ("underline" | "bordered" | "none") | undefined;
             readonly placeholder?: string | undefined;