@das-fed/upf-ui 6.4.0-dev.248 → 6.4.0-dev.250

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

@@ -48,6 +48,10 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {
     maxTagsLength: number;
     isExterControlCount: boolean;
     showSelectAll: boolean;
+    optionPaging: boolean;
+    optionPageSize: number;
+    optionPagingDebug: boolean;
+    largeSelectionCollapseThreshold: number;
 }, {}, {
     VNodes: (_: any, { attrs }: Omit<{
         attrs: {

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

@@ -11,6 +11,8 @@ export interface Props {
   
   mode?: 'multiple' | 'tags' | 'combobox'
   
+  showSearch?: boolean
+  
   fieldNames?: any
   
   borderType?: 'underline' | 'bordered' | 'none'
@@ -70,6 +72,14 @@ export interface Props {
   inputAttrs?: any
   
   showSelectAll?: boolean
+  
+  optionPaging?: boolean
+  
+  optionPageSize?: number
+  
+  optionPagingDebug?: boolean
+  
+  largeSelectionCollapseThreshold?: number
 }
 
 export interface Emits {

package/packages/components/select/style.css

@@ -1 +1 @@
-.das-ui-select[data-v-ed8bd659]{--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-ed8bd659]{position:absolute;top:100%;left:0;width:var(--v8a55b21e)}.das-ui-select.show-ellipsis[data-v-ed8bd659] .ant-select-selection-overflow-item.ellipsis .ant-tag{display:flex;align-items:center}.das-ui-select.show-ellipsis[data-v-ed8bd659] .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-ed8bd659] .ant-select{width:100%;height:var(--f3fe8548)}.das-ui-select[data-v-ed8bd659] .ant-select .das-select-error-label-content{width:var(--v8a55b21e);font-size:12px}.das-ui-select[data-v-ed8bd659] .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-ed8bd659] .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-ed8bd659] .ant-select:hover .ant-select-arrow{color:var(--upf-select-primary-color)}.das-ui-select[data-v-ed8bd659] .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-ed8bd659] .ant-select .ant-select-clear:hover{color:var(--upf-text-secondary)}.das-ui-select[data-v-ed8bd659] .ant-select .os-scrollbar.os-scrollbar-vertical{z-index:1}.das-ui-select[data-v-ed8bd659] .ant-select .ant-select-selector{box-sizing:border-box;box-shadow:none!important}.das-ui-select[data-v-ed8bd659] .ant-select .ant-select-selector .ant-tag{margin-bottom:1px;background-color:transparent}.das-ui-select[data-v-ed8bd659] .ant-select .ant-select-selector .ant-select-selection-search{left:0}.das-ui-select[data-v-ed8bd659] .ant-select .ant-select-selector .ant-select-selection-placeholder{padding-left:0;left:0}.das-ui-select[data-v-ed8bd659] .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{height:var(--upf-select-height-md)}.das-ui-select[data-v-ed8bd659] .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input,.das-ui-select[data-v-ed8bd659] .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-ed8bd659] .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-ed8bd659] .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-ed8bd659] .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-ed8bd659] .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-ed8bd659] .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-ed8bd659] .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-ed8bd659] .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-ed8bd659] .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-ed8bd659] .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-ed8bd659] .ant-select .ant-select-selection-item{color:var(--upf-select-text-color)}.das-ui-select[data-v-ed8bd659] .ant-select.ant-select-multiple .ant-select-selector{min-height:var(--upf-select-height-md)}.das-ui-select[data-v-ed8bd659] .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-ed8bd659] .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-ed8bd659] .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-ed8bd659] .ant-select.ant-select-multiple .ant-select-selection-overflow{max-height:var(--upf-select-max-height-md)}.das-ui-select[data-v-ed8bd659] .ant-select.ant-select-multiple.ant-select-sm .ant-select-selector{min-height:var(--upf-select-height-sm)}.das-ui-select[data-v-ed8bd659] .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-ed8bd659] .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-ed8bd659] .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-ed8bd659] .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-ed8bd659] .ant-select.ant-select-multiple.ant-select-lg .ant-select-selector{min-height:var(--upf-select-height-lg)}.das-ui-select[data-v-ed8bd659] .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-ed8bd659] .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-ed8bd659] .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-ed8bd659] .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-ed8bd659] .ant-select.ant-select-single .ant-select-selector{padding:0!important}.das-ui-select[data-v-ed8bd659] .ant-select-multiple .ant-select-selector{padding-top:0;padding-bottom:0}.das-ui-select[data-v-ed8bd659] .ant-select-multiple .ant-select-selector:after{margin:0}.das-ui-select[data-v-ed8bd659] .ant-select-multiple .anticon svg{vertical-align:baseline}.das-ui-select[data-v-ed8bd659] .ant-select-disabled.ant-select .ant-select-arrow,.das-ui-select[data-v-ed8bd659] .ant-select-disabled.ant-select .ant-select-selection-item,.das-ui-select[data-v-ed8bd659] .ant-select-disabled.ant-select .ant-tag{color:var(--upf-select-disabled-text-color)}.das-ui-select[data-v-ed8bd659] .ant-select .das-suffix-icon{transition:transform .5s}.das-ui-select[data-v-ed8bd659] .ant-select.ant-select-open .das-suffix-icon{transform:rotate(180deg)}.das-ui-select.underline[data-v-ed8bd659] .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-ed8bd659] .ant-select .ant-select-selector:hover,.das-ui-select.underline[data-v-ed8bd659] .ant-select.ant-select-focused .ant-select-selector{border-bottom-color:var(--upf-select-active-border-color)!important}.das-ui-select.underline[data-v-ed8bd659] .ant-select .ant-select-arrow,.das-ui-select.underline[data-v-ed8bd659] .ant-select .ant-select-clear{right:0}.das-ui-select.underline.is-error[data-v-ed8bd659] .ant-select .ant-select-selector,.das-ui-select.underline.is-error[data-v-ed8bd659] .ant-select .ant-select-selector:hover{border-bottom-color:var(--upf-select-error-color)!important}.das-ui-select.underline[data-v-ed8bd659] .ant-select-disabled.ant-select .ant-select-selector,.das-ui-select.underline[data-v-ed8bd659] .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-ed8bd659] .ant-select .ant-select-selector{border-color:var(--upf-select-border-color)!important}.das-ui-select.bordered[data-v-ed8bd659] .ant-select .ant-select-selector:hover,.das-ui-select.bordered[data-v-ed8bd659] .ant-select.ant-select-focused .ant-select-selector{border-color:var(--upf-select-active-border-color)!important}.das-ui-select.bordered[data-v-ed8bd659] .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-ed8bd659] .ant-select .ant-select-selector .ant-select-selection-placeholder,.das-ui-select.bordered[data-v-ed8bd659] .ant-select .ant-select-selector .ant-select-selection-item{padding-left:8px}.das-ui-select.bordered[data-v-ed8bd659] .ant-select.ant-select-single.ant-select-show-arrow .ant-select-selection-item,.das-ui-select.bordered[data-v-ed8bd659] .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-ed8bd659] .ant-select.ant-select-multiple .ant-select-selector{padding-left:3px}.das-ui-select.bordered[data-v-ed8bd659] .ant-select.ant-select-multiple .ant-select-selector .ant-select-selection-item{padding-left:0;height:auto}.das-ui-select.bordered[data-v-ed8bd659] .ant-select.ant-select-multiple .ant-select-selector .ant-select-selection-search{left:5px}.das-ui-select.bordered.is-error[data-v-ed8bd659] .ant-select .ant-select-selector,.das-ui-select.bordered.is-error[data-v-ed8bd659] .ant-select .ant-select-selector:hover{border-color:var(--upf-select-error-color)!important}.das-ui-select.bordered[data-v-ed8bd659] .ant-select-disabled.ant-select .ant-select-selector,.das-ui-select.bordered[data-v-ed8bd659] .ant-select-disabled.ant-select .ant-select-selector:hover{border-color:var(--upf-select-disabled-border-color)!important}.das-ui-select.none[data-v-ed8bd659] .ant-select .ant-select-arrow,.das-ui-select.none[data-v-ed8bd659] .ant-select .ant-select-clear{right:0}.das-ui-select.none[data-v-ed8bd659] .ant-select-disabled.ant-select .ant-select-selector{background-color:transparent!important}.das-ui-select.readonly[data-v-ed8bd659] .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-ed8bd659] .ant-select-disabled.ant-select .ant-select-selector input{cursor:text;-webkit-user-select:text;user-select:text}.das-ui-select.readonly[data-v-ed8bd659] .ant-select-disabled.ant-select .ant-select-selection-item{color:var(--upf-select-text-color);cursor:default}.das-ui-select.readonly[data-v-ed8bd659] .ant-select-disabled.ant-select .ant-tag,.das-ui-select.readonly[data-v-ed8bd659] .ant-select-disabled.ant-select .ant-select-selection-placeholder{color:var(--upf-select-text-color)}.das-ui-select.readonly[data-v-ed8bd659] .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-ed8bd659] .ant-select-disabled.ant-select-multiple .ant-select-selection-placeholder{color:var(--upf-select-text-color)}.das-ui-select.readonly[data-v-ed8bd659] .ant-select .ant-select-arrow{display:none}.das-ui-select.readonly.underline[data-v-ed8bd659] .ant-select .ant-select-clear{right:0}.das-ui-select .das-select-label-content[data-v-ed8bd659]{font-size:12px}.das-ui-select .das-select-label-content .das-select-error-label[data-v-ed8bd659]{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-00ff3a8a]{--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-00ff3a8a]{position:absolute;top:100%;left:0;width:var(--v508aeef9)}.das-ui-select.show-ellipsis[data-v-00ff3a8a] .ant-select-selection-overflow-item.ellipsis .ant-tag{display:flex;align-items:center}.das-ui-select.show-ellipsis[data-v-00ff3a8a] .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-00ff3a8a] .ant-select{width:100%;height:var(--b1f81358)}.das-ui-select[data-v-00ff3a8a] .ant-select .das-select-error-label-content{width:var(--v508aeef9);font-size:12px}.das-ui-select[data-v-00ff3a8a] .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-00ff3a8a] .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-00ff3a8a] .ant-select:hover .ant-select-arrow{color:var(--upf-select-primary-color)}.das-ui-select[data-v-00ff3a8a] .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-00ff3a8a] .ant-select .ant-select-clear:hover{color:var(--upf-text-secondary)}.das-ui-select[data-v-00ff3a8a] .ant-select .os-scrollbar.os-scrollbar-vertical{z-index:1}.das-ui-select[data-v-00ff3a8a] .ant-select .ant-select-selector{box-sizing:border-box;box-shadow:none!important}.das-ui-select[data-v-00ff3a8a] .ant-select .ant-select-selector .ant-tag{margin-bottom:1px;background-color:transparent}.das-ui-select[data-v-00ff3a8a] .ant-select .ant-select-selector .ant-select-selection-search{left:0}.das-ui-select[data-v-00ff3a8a] .ant-select .ant-select-selector .ant-select-selection-placeholder{padding-left:0;left:0}.das-ui-select[data-v-00ff3a8a] .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{height:var(--upf-select-height-md)}.das-ui-select[data-v-00ff3a8a] .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input,.das-ui-select[data-v-00ff3a8a] .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-00ff3a8a] .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-00ff3a8a] .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-00ff3a8a] .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-00ff3a8a] .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-00ff3a8a] .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-00ff3a8a] .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-00ff3a8a] .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-00ff3a8a] .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-00ff3a8a] .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-00ff3a8a] .ant-select .ant-select-selection-item{color:var(--upf-select-text-color)}.das-ui-select[data-v-00ff3a8a] .ant-select.ant-select-multiple .ant-select-selector{min-height:var(--upf-select-height-md)}.das-ui-select[data-v-00ff3a8a] .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-00ff3a8a] .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-00ff3a8a] .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-00ff3a8a] .ant-select.ant-select-multiple .ant-select-selection-overflow{max-height:var(--upf-select-max-height-md)}.das-ui-select[data-v-00ff3a8a] .ant-select.ant-select-multiple.ant-select-sm .ant-select-selector{min-height:var(--upf-select-height-sm)}.das-ui-select[data-v-00ff3a8a] .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-00ff3a8a] .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-00ff3a8a] .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-00ff3a8a] .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-00ff3a8a] .ant-select.ant-select-multiple.ant-select-lg .ant-select-selector{min-height:var(--upf-select-height-lg)}.das-ui-select[data-v-00ff3a8a] .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-00ff3a8a] .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-00ff3a8a] .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-00ff3a8a] .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-00ff3a8a] .ant-select.ant-select-single .ant-select-selector{padding:0!important}.das-ui-select[data-v-00ff3a8a] .ant-select-multiple .ant-select-selector{padding-top:0;padding-bottom:0}.das-ui-select[data-v-00ff3a8a] .ant-select-multiple .ant-select-selector:after{margin:0}.das-ui-select[data-v-00ff3a8a] .ant-select-multiple .anticon svg{vertical-align:baseline}.das-ui-select[data-v-00ff3a8a] .ant-select-disabled.ant-select .ant-select-arrow,.das-ui-select[data-v-00ff3a8a] .ant-select-disabled.ant-select .ant-select-selection-item,.das-ui-select[data-v-00ff3a8a] .ant-select-disabled.ant-select .ant-tag{color:var(--upf-select-disabled-text-color)}.das-ui-select[data-v-00ff3a8a] .ant-select .das-suffix-icon{transition:transform .5s}.das-ui-select[data-v-00ff3a8a] .ant-select.ant-select-open .das-suffix-icon{transform:rotate(180deg)}.das-ui-select.underline[data-v-00ff3a8a] .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-00ff3a8a] .ant-select .ant-select-selector:hover,.das-ui-select.underline[data-v-00ff3a8a] .ant-select.ant-select-focused .ant-select-selector{border-bottom-color:var(--upf-select-active-border-color)!important}.das-ui-select.underline[data-v-00ff3a8a] .ant-select .ant-select-arrow,.das-ui-select.underline[data-v-00ff3a8a] .ant-select .ant-select-clear{right:0}.das-ui-select.underline.is-error[data-v-00ff3a8a] .ant-select .ant-select-selector,.das-ui-select.underline.is-error[data-v-00ff3a8a] .ant-select .ant-select-selector:hover{border-bottom-color:var(--upf-select-error-color)!important}.das-ui-select.underline[data-v-00ff3a8a] .ant-select-disabled.ant-select .ant-select-selector,.das-ui-select.underline[data-v-00ff3a8a] .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-00ff3a8a] .ant-select .ant-select-selector{border-color:var(--upf-select-border-color)!important}.das-ui-select.bordered[data-v-00ff3a8a] .ant-select .ant-select-selector:hover,.das-ui-select.bordered[data-v-00ff3a8a] .ant-select.ant-select-focused .ant-select-selector{border-color:var(--upf-select-active-border-color)!important}.das-ui-select.bordered[data-v-00ff3a8a] .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-00ff3a8a] .ant-select .ant-select-selector .ant-select-selection-placeholder,.das-ui-select.bordered[data-v-00ff3a8a] .ant-select .ant-select-selector .ant-select-selection-item{padding-left:8px}.das-ui-select.bordered[data-v-00ff3a8a] .ant-select.ant-select-single.ant-select-show-arrow .ant-select-selection-item,.das-ui-select.bordered[data-v-00ff3a8a] .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-00ff3a8a] .ant-select.ant-select-multiple .ant-select-selector{padding-left:3px}.das-ui-select.bordered[data-v-00ff3a8a] .ant-select.ant-select-multiple .ant-select-selector .ant-select-selection-item{padding-left:0;height:auto}.das-ui-select.bordered[data-v-00ff3a8a] .ant-select.ant-select-multiple .ant-select-selector .ant-select-selection-search{left:5px}.das-ui-select.bordered.is-error[data-v-00ff3a8a] .ant-select .ant-select-selector,.das-ui-select.bordered.is-error[data-v-00ff3a8a] .ant-select .ant-select-selector:hover{border-color:var(--upf-select-error-color)!important}.das-ui-select.bordered[data-v-00ff3a8a] .ant-select-disabled.ant-select .ant-select-selector,.das-ui-select.bordered[data-v-00ff3a8a] .ant-select-disabled.ant-select .ant-select-selector:hover{border-color:var(--upf-select-disabled-border-color)!important}.das-ui-select.none[data-v-00ff3a8a] .ant-select .ant-select-arrow,.das-ui-select.none[data-v-00ff3a8a] .ant-select .ant-select-clear{right:0}.das-ui-select.none[data-v-00ff3a8a] .ant-select-disabled.ant-select .ant-select-selector{background-color:transparent!important}.das-ui-select.readonly[data-v-00ff3a8a] .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-00ff3a8a] .ant-select-disabled.ant-select .ant-select-selector input{cursor:text;-webkit-user-select:text;user-select:text}.das-ui-select.readonly[data-v-00ff3a8a] .ant-select-disabled.ant-select .ant-select-selection-item{color:var(--upf-select-text-color);cursor:default}.das-ui-select.readonly[data-v-00ff3a8a] .ant-select-disabled.ant-select .ant-tag,.das-ui-select.readonly[data-v-00ff3a8a] .ant-select-disabled.ant-select .ant-select-selection-placeholder{color:var(--upf-select-text-color)}.das-ui-select.readonly[data-v-00ff3a8a] .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-00ff3a8a] .ant-select-disabled.ant-select-multiple .ant-select-selection-placeholder{color:var(--upf-select-text-color)}.das-ui-select.readonly[data-v-00ff3a8a] .ant-select .ant-select-arrow{display:none}.das-ui-select.readonly.underline[data-v-00ff3a8a] .ant-select .ant-select-clear{right:0}.das-ui-select .das-select-label-content[data-v-00ff3a8a]{font-size:12px}.das-ui-select .das-select-label-content .das-select-error-label[data-v-00ff3a8a]{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 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 { setI18nRule as f, t as l } from "@das-fed/upf-web/packages/i18n/index";
+import { withInstall as m } from "@das-fed/upf-utils/with-install/index";
+import { openBlock as e, createElementBlock as o, createStaticVNode as p, createElementVNode as c, defineComponent as u, useAttrs as _, computed as v, h as i, normalizeClass as $, createVNode as C, unref as g, mergeProps as y, withCtx as z, renderSlot as S } from "vue";
+import { Spin as x } 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 { DasIconLoad as h } 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 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 r = (s, t) => {
+  const a = s.__vccOpts || s;
+  for (const [d, n] of t)
+    a[d] = n;
+  return a;
+}, I = {}, L = { class: "das-spin-container das-spin-page" };
+function k(s, t) {
+  return e(), o("div", L, [...t[0] || (t[0] = [
+    p('<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 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(
+const N = /* @__PURE__ */ r(I, [["render", k], ["__scopeId", "data-v-323f37a9"]]), w = {}, B = { class: "das-spin-container das-spin-component" };
+function V(s, t) {
+  return e(), o("div", B, [...t[0] || (t[0] = [
+    c(
       "div",
       { class: "das-spin-dot-spin" },
       [
-        l("i", { class: "das-spin-dot-item" })
+        c("i", { class: "das-spin-dot-item" })
       ],
       -1
       /* CACHED */
     )
   ])]);
 }
-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 D = /* @__PURE__ */ r(w, [["render", V], ["__scopeId", "data-v-f47a1ae6"]]), E = {}, O = { class: "das-spin-container das-spin-containerload" };
+function P(s, t) {
+  return e(), o("div", O, [...t[0] || (t[0] = [
+    p('<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 M = /* @__PURE__ */ r(P, [["render", A], ["__scopeId", "data-v-f7548f22"]]), R = /* @__PURE__ */ $({
+const b = /* @__PURE__ */ r(E, [["render", P], ["__scopeId", "data-v-f7548f22"]]), A = /* @__PURE__ */ u({
   __name: "index",
   props: {
     type: { default: "page" },
@@ -47,35 +47,29 @@ const M = /* @__PURE__ */ r(P, [["render", A], ["__scopeId", "data-v-f7548f22"]]
     iconColor: { default: "var(--upf-loading-color-5, var(--upf-color-primary))" },
     full: { type: Boolean, default: !0 }
   },
-  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, {
+  setup(s) {
+    const t = s, a = _(), d = v(() => {
+      if (a.indicator) return a.indicator;
+      if (t.type == "page") return i(N);
+      if (t.type == "container") return i(b);
+      if (t.type == "component") return i(D);
+      if (t.type == "load")
+        return i(h, {
           iconColor: t.iconColor,
           customSize: t.customSize
-        }));
-      },
-      { immediate: !0 }
-    ), f(
-      () => e,
-      (s, c) => {
-        e.indicator && (i.value = e.indicator);
-      },
-      { immediate: !0 }
-    ), (s, c) => (n(), d(
+        });
+    });
+    return (n, R) => (e(), o(
       "div",
       {
-        class: z({ "das-spin-container": !0, full: a.full })
+        class: $({ "das-spin-container": !0, full: s.full })
       },
       [
-        S(p(I), h({
-          class: `das-slef-spin ${a.size} ${a.type} `
-        }, s.$attrs, { indicator: p(i) }), {
-          default: x(() => [
-            y(s.$slots, "default")
+        C(g(x), y({
+          class: `das-slef-spin ${s.size} ${s.type} `
+        }, n.$attrs, { indicator: d.value }), {
+          default: z(() => [
+            S(n.$slots, "default")
           ]),
           _: 3
           /* FORWARDED */
@@ -85,10 +79,10 @@ const M = /* @__PURE__ */ r(P, [["render", A], ["__scopeId", "data-v-f7548f22"]]
       /* CLASS */
     ));
   }
-}), j = { 加载中: { "zh-CN": "加载中", en: "Loading", "zh-MO": "加載中", _appCode: "framework" } };
-u(j);
-const T = _(R), U = { name: `Spin ${v("加载中")}` };
+}), M = { 加载中: { "zh-CN": "加载中", en: "Loading", "zh-MO": "加載中", _appCode: "framework" } };
+f(M);
+const Q = m(A), T = { name: `Spin ${l("加载中")}` };
 export {
-  T as DasSpin,
-  U as default
+  Q as DasSpin,
+  T as default
 };

package/packages/components/tag/index.d.ts

@@ -5,8 +5,8 @@ declare const DasTag: import("@das-fed/upf-utils").SFCWithInstall<{
         type: "success" | "info" | "warning" | "danger" | "process" | "temporary" | "";
         width: string;
         maxWidth: string;
-        round: boolean;
         effect: "dark" | "light" | "plain" | "text" | "list";
+        round: boolean;
         toolTip: boolean;
         toolTipLabel: string;
     }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
@@ -22,8 +22,8 @@ declare const DasTag: import("@das-fed/upf-utils").SFCWithInstall<{
         type: "success" | "info" | "warning" | "danger" | "process" | "temporary" | "";
         width: string;
         maxWidth: string;
-        round: boolean;
         effect: "dark" | "light" | "plain" | "text" | "list";
+        round: boolean;
         toolTip: boolean;
         toolTipLabel: string;
     }>;
@@ -36,8 +36,8 @@ declare const DasTag: import("@das-fed/upf-utils").SFCWithInstall<{
     type: "success" | "info" | "warning" | "danger" | "process" | "temporary" | "";
     width: string;
     maxWidth: string;
-    round: boolean;
     effect: "dark" | "light" | "plain" | "text" | "list";
+    round: boolean;
     toolTip: boolean;
     toolTipLabel: string;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {

package/packages/components/tag/src/Index.vue.d.ts

@@ -7,8 +7,8 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {
     type: "success" | "info" | "warning" | "danger" | "process" | "temporary" | "";
     width: string;
     maxWidth: string;
-    round: boolean;
     effect: "dark" | "light" | "plain" | "text" | "list";
+    round: boolean;
     toolTip: boolean;
     toolTipLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {

package/packages/components/tooltip/index.d.ts

@@ -43,9 +43,9 @@ declare const DasTooltipRef: () => import("vue").Ref<({
         disabled: boolean;
         row: number | string;
         content: string;
+        effect: "dark" | "light";
         placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
         selfPopperClass: string;
-        effect: "dark" | "light";
         customClass: string;
         textWidth: string;
         textHtml: boolean;
@@ -75,9 +75,9 @@ declare const DasTooltipRef: () => import("vue").Ref<({
     disabled: boolean;
     row: number | string;
     content: string;
+    effect: "dark" | "light";
     placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
     selfPopperClass: string;
-    effect: "dark" | "light";
     customClass: string;
     textWidth: string;
     textHtml: boolean;
@@ -85,7 +85,7 @@ declare const DasTooltipRef: () => import("vue").Ref<({
 }> & Omit<Readonly<import("./src/type.js").Props> & Readonly<{
     onHide?: ((event?: Event | undefined) => any) | undefined;
     onShow?: ((event?: Event | undefined) => any) | undefined;
-}>, "$tooltipRef" | ("text" | "disabled" | "row" | "content" | "placement" | "selfPopperClass" | "effect" | "customClass" | "textWidth" | "textHtml" | "isMaxheight")> & import("vue").ShallowUnwrapRef<{
+}>, "$tooltipRef" | ("text" | "disabled" | "row" | "content" | "effect" | "placement" | "selfPopperClass" | "customClass" | "textWidth" | "textHtml" | "isMaxheight")> & import("vue").ShallowUnwrapRef<{
     $tooltipRef: import("vue").Ref<any, any>;
 }> & {} & import("vue").ComponentCustomProperties & {} & {
     $slots: {
@@ -138,9 +138,9 @@ declare const DasTooltipRef: () => import("vue").Ref<({
         disabled: boolean;
         row: number | string;
         content: string;
+        effect: "dark" | "light";
         placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
         selfPopperClass: string;
-        effect: "dark" | "light";
         customClass: string;
         textWidth: string;
         textHtml: boolean;
@@ -170,9 +170,9 @@ declare const DasTooltipRef: () => import("vue").Ref<({
     disabled: boolean;
     row: number | string;
     content: string;
+    effect: "dark" | "light";
     placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
     selfPopperClass: string;
-    effect: "dark" | "light";
     customClass: string;
     textWidth: string;
     textHtml: boolean;
@@ -180,7 +180,7 @@ declare const DasTooltipRef: () => import("vue").Ref<({
 }> & Omit<Readonly<import("./src/type.js").Props> & Readonly<{
     onHide?: ((event?: Event | undefined) => any) | undefined;
     onShow?: ((event?: Event | undefined) => any) | undefined;
-}>, "$tooltipRef" | ("text" | "disabled" | "row" | "content" | "placement" | "selfPopperClass" | "effect" | "customClass" | "textWidth" | "textHtml" | "isMaxheight")> & import("vue").ShallowUnwrapRef<{
+}>, "$tooltipRef" | ("text" | "disabled" | "row" | "content" | "effect" | "placement" | "selfPopperClass" | "customClass" | "textWidth" | "textHtml" | "isMaxheight")> & import("vue").ShallowUnwrapRef<{
     $tooltipRef: import("vue").Ref<any, any>;
 }> & {} & import("vue").ComponentCustomProperties & {} & {
     $slots: {
@@ -203,9 +203,9 @@ declare const DasTooltip: import("@das-fed/upf-utils").SFCWithInstall<{
         disabled: boolean;
         row: number | string;
         content: string;
+        effect: "dark" | "light";
         placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
         selfPopperClass: string;
-        effect: "dark" | "light";
         customClass: string;
         textWidth: string;
         textHtml: boolean;
@@ -227,9 +227,9 @@ declare const DasTooltip: import("@das-fed/upf-utils").SFCWithInstall<{
         disabled: boolean;
         row: number | string;
         content: string;
+        effect: "dark" | "light";
         placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
         selfPopperClass: string;
-        effect: "dark" | "light";
         customClass: string;
         textWidth: string;
         textHtml: boolean;
@@ -251,9 +251,9 @@ declare const DasTooltip: import("@das-fed/upf-utils").SFCWithInstall<{
     disabled: boolean;
     row: number | string;
     content: string;
+    effect: "dark" | "light";
     placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
     selfPopperClass: string;
-    effect: "dark" | "light";
     customClass: string;
     textWidth: string;
     textHtml: boolean;

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

@@ -19,9 +19,9 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {
     disabled: boolean;
     row: number | string;
     content: string;
+    effect: "dark" | "light";
     placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
     selfPopperClass: string;
-    effect: "dark" | "light";
     customClass: string;
     textWidth: string;
     textHtml: boolean;

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;
@@ -40,6 +41,10 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {
             readonly dropdownMode?: ("multiple" | "tags" | "combobox" | "custom") | undefined;
             readonly inputAttrs?: any;
             readonly showSelectAll?: boolean | undefined;
+            readonly optionPaging?: boolean | undefined;
+            readonly optionPageSize?: number | undefined;
+            readonly optionPagingDebug?: boolean | undefined;
+            readonly largeSelectionCollapseThreshold?: number | undefined;
             readonly onBlur?: ((val: any) => any) | undefined;
             readonly onChange?: ((currValue: any, options: any) => any) | undefined;
             readonly onFocus?: ((val: any) => any) | undefined;
@@ -108,6 +113,10 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {
             maxTagsLength: number;
             isExterControlCount: boolean;
             showSelectAll: boolean;
+            optionPaging: boolean;
+            optionPageSize: number;
+            optionPagingDebug: boolean;
+            largeSelectionCollapseThreshold: number;
         }, {}, string, {}, {
             VNodes: (_: any, { attrs }: Omit<{
                 attrs: {
@@ -169,6 +178,10 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {
         maxTagsLength: number;
         isExterControlCount: boolean;
         showSelectAll: boolean;
+        optionPaging: boolean;
+        optionPageSize: number;
+        optionPagingDebug: boolean;
+        largeSelectionCollapseThreshold: number;
     }> & Omit<Readonly<import("../../select/src/type").Props> & Readonly<{
         onBlur?: ((val: any) => any) | undefined;
         onChange?: ((currValue: any, options: any) => any) | undefined;
@@ -176,7 +189,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {
         "onUpdate:model-value"?: ((currValue: any) => any) | undefined;
         onDropdownVisibleChange?: ((val: any) => any) | undefined;
         onAddCustomItem?: ((val: any) => any) | undefined;
-    }>, "$select" | "toChangeMaxCount" | ("size" | "mode" | "error" | "disabled" | "width" | "open" | "placeholder" | "modelValue" | "isView" | "fieldNames" | "borderType" | "errorMode" | "errorModelZIndex" | "noSetDefaultVal" | "showArrow" | "getPopupContainer" | "teleported" | "isTooltip" | "preserveLabelWhenMissing" | "optionFilterProp" | "maxTagTextLength" | "dropdownClassName" | "showTooltipLength" | "focusOpen" | "isRenderNode" | "noDropdown" | "maxTagsLength" | "isExterControlCount" | "showSelectAll")> & import("vue").ShallowUnwrapRef<{
+    }>, "$select" | "toChangeMaxCount" | ("size" | "mode" | "error" | "disabled" | "width" | "open" | "placeholder" | "modelValue" | "isView" | "fieldNames" | "borderType" | "errorMode" | "errorModelZIndex" | "noSetDefaultVal" | "showArrow" | "getPopupContainer" | "teleported" | "isTooltip" | "preserveLabelWhenMissing" | "optionFilterProp" | "maxTagTextLength" | "dropdownClassName" | "showTooltipLength" | "focusOpen" | "isRenderNode" | "noDropdown" | "maxTagsLength" | "isExterControlCount" | "showSelectAll" | "optionPaging" | "optionPageSize" | "optionPagingDebug" | "largeSelectionCollapseThreshold")> & import("vue").ShallowUnwrapRef<{
         $select: import("vue").Ref<any, any>;
         toChangeMaxCount: (isFocus: boolean) => void;
     }> & {} & import("vue").ComponentCustomProperties & {} & {
@@ -213,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;
@@ -243,6 +257,10 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {
             readonly dropdownMode?: ("multiple" | "tags" | "combobox" | "custom") | undefined;
             readonly inputAttrs?: any;
             readonly showSelectAll?: boolean | undefined;
+            readonly optionPaging?: boolean | undefined;
+            readonly optionPageSize?: number | undefined;
+            readonly optionPagingDebug?: boolean | undefined;
+            readonly largeSelectionCollapseThreshold?: number | undefined;
             readonly onBlur?: ((val: any) => any) | undefined;
             readonly onChange?: ((currValue: any, options: any) => any) | undefined;
             readonly onFocus?: ((val: any) => any) | undefined;
@@ -311,6 +329,10 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {
             maxTagsLength: number;
             isExterControlCount: boolean;
             showSelectAll: boolean;
+            optionPaging: boolean;
+            optionPageSize: number;
+            optionPagingDebug: boolean;
+            largeSelectionCollapseThreshold: number;
         }, {}, string, {}, {
             VNodes: (_: any, { attrs }: Omit<{
                 attrs: {
@@ -372,6 +394,10 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {
         maxTagsLength: number;
         isExterControlCount: boolean;
         showSelectAll: boolean;
+        optionPaging: boolean;
+        optionPageSize: number;
+        optionPagingDebug: boolean;
+        largeSelectionCollapseThreshold: number;
     }> & Omit<Readonly<import("../../select/src/type").Props> & Readonly<{
         onBlur?: ((val: any) => any) | undefined;
         onChange?: ((currValue: any, options: any) => any) | undefined;
@@ -379,7 +405,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {
         "onUpdate:model-value"?: ((currValue: any) => any) | undefined;
         onDropdownVisibleChange?: ((val: any) => any) | undefined;
         onAddCustomItem?: ((val: any) => any) | undefined;
-    }>, "$select" | "toChangeMaxCount" | ("size" | "mode" | "error" | "disabled" | "width" | "open" | "placeholder" | "modelValue" | "isView" | "fieldNames" | "borderType" | "errorMode" | "errorModelZIndex" | "noSetDefaultVal" | "showArrow" | "getPopupContainer" | "teleported" | "isTooltip" | "preserveLabelWhenMissing" | "optionFilterProp" | "maxTagTextLength" | "dropdownClassName" | "showTooltipLength" | "focusOpen" | "isRenderNode" | "noDropdown" | "maxTagsLength" | "isExterControlCount" | "showSelectAll")> & import("vue").ShallowUnwrapRef<{
+    }>, "$select" | "toChangeMaxCount" | ("size" | "mode" | "error" | "disabled" | "width" | "open" | "placeholder" | "modelValue" | "isView" | "fieldNames" | "borderType" | "errorMode" | "errorModelZIndex" | "noSetDefaultVal" | "showArrow" | "getPopupContainer" | "teleported" | "isTooltip" | "preserveLabelWhenMissing" | "optionFilterProp" | "maxTagTextLength" | "dropdownClassName" | "showTooltipLength" | "focusOpen" | "isRenderNode" | "noDropdown" | "maxTagsLength" | "isExterControlCount" | "showSelectAll" | "optionPaging" | "optionPageSize" | "optionPagingDebug" | "largeSelectionCollapseThreshold")> & import("vue").ShallowUnwrapRef<{
         $select: import("vue").Ref<any, any>;
         toChangeMaxCount: (isFocus: boolean) => void;
     }> & {} & import("vue").ComponentCustomProperties & {} & {

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;
@@ -43,6 +44,10 @@ export declare const useTreeSelect: (props: Props, emit: Emits, nodeKey: any, at
             readonly dropdownMode?: ("multiple" | "tags" | "combobox" | "custom") | undefined;
             readonly inputAttrs?: any;
             readonly showSelectAll?: boolean | undefined;
+            readonly optionPaging?: boolean | undefined;
+            readonly optionPageSize?: number | undefined;
+            readonly optionPagingDebug?: boolean | undefined;
+            readonly largeSelectionCollapseThreshold?: number | undefined;
             readonly onBlur?: ((val: any) => any) | undefined;
             readonly onChange?: ((currValue: any, options: any) => any) | undefined;
             readonly onFocus?: ((val: any) => any) | undefined;
@@ -111,6 +116,10 @@ export declare const useTreeSelect: (props: Props, emit: Emits, nodeKey: any, at
             maxTagsLength: number;
             isExterControlCount: boolean;
             showSelectAll: boolean;
+            optionPaging: boolean;
+            optionPageSize: number;
+            optionPagingDebug: boolean;
+            largeSelectionCollapseThreshold: number;
         }, {}, string, {}, {
             VNodes: (_: any, { attrs }: Omit<{
                 attrs: {
@@ -172,6 +181,10 @@ export declare const useTreeSelect: (props: Props, emit: Emits, nodeKey: any, at
         maxTagsLength: number;
         isExterControlCount: boolean;
         showSelectAll: boolean;
+        optionPaging: boolean;
+        optionPageSize: number;
+        optionPagingDebug: boolean;
+        largeSelectionCollapseThreshold: number;
     }> & Omit<Readonly<import("../../../select/src/type").Props> & Readonly<{
         onBlur?: ((val: any) => any) | undefined;
         onChange?: ((currValue: any, options: any) => any) | undefined;
@@ -179,7 +192,7 @@ export declare const useTreeSelect: (props: Props, emit: Emits, nodeKey: any, at
         "onUpdate:model-value"?: ((currValue: any) => any) | undefined;
         onDropdownVisibleChange?: ((val: any) => any) | undefined;
         onAddCustomItem?: ((val: any) => any) | undefined;
-    }>, "$select" | "toChangeMaxCount" | ("size" | "mode" | "error" | "disabled" | "width" | "open" | "placeholder" | "modelValue" | "isView" | "fieldNames" | "borderType" | "errorMode" | "errorModelZIndex" | "noSetDefaultVal" | "showArrow" | "getPopupContainer" | "teleported" | "isTooltip" | "preserveLabelWhenMissing" | "optionFilterProp" | "maxTagTextLength" | "dropdownClassName" | "showTooltipLength" | "focusOpen" | "isRenderNode" | "noDropdown" | "maxTagsLength" | "isExterControlCount" | "showSelectAll")> & import("vue").ShallowUnwrapRef<{
+    }>, "$select" | "toChangeMaxCount" | ("size" | "mode" | "error" | "disabled" | "width" | "open" | "placeholder" | "modelValue" | "isView" | "fieldNames" | "borderType" | "errorMode" | "errorModelZIndex" | "noSetDefaultVal" | "showArrow" | "getPopupContainer" | "teleported" | "isTooltip" | "preserveLabelWhenMissing" | "optionFilterProp" | "maxTagTextLength" | "dropdownClassName" | "showTooltipLength" | "focusOpen" | "isRenderNode" | "noDropdown" | "maxTagsLength" | "isExterControlCount" | "showSelectAll" | "optionPaging" | "optionPageSize" | "optionPagingDebug" | "largeSelectionCollapseThreshold")> & import("vue").ShallowUnwrapRef<{
         $select: import("vue").Ref<any, any>;
         toChangeMaxCount: (isFocus: boolean) => void;
     }> & {} & import("vue").ComponentCustomProperties & {} & {
@@ -216,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;
@@ -246,6 +260,10 @@ export declare const useTreeSelect: (props: Props, emit: Emits, nodeKey: any, at
             readonly dropdownMode?: ("multiple" | "tags" | "combobox" | "custom") | undefined;
             readonly inputAttrs?: any;
             readonly showSelectAll?: boolean | undefined;
+            readonly optionPaging?: boolean | undefined;
+            readonly optionPageSize?: number | undefined;
+            readonly optionPagingDebug?: boolean | undefined;
+            readonly largeSelectionCollapseThreshold?: number | undefined;
             readonly onBlur?: ((val: any) => any) | undefined;
             readonly onChange?: ((currValue: any, options: any) => any) | undefined;
             readonly onFocus?: ((val: any) => any) | undefined;
@@ -314,6 +332,10 @@ export declare const useTreeSelect: (props: Props, emit: Emits, nodeKey: any, at
             maxTagsLength: number;
             isExterControlCount: boolean;
             showSelectAll: boolean;
+            optionPaging: boolean;
+            optionPageSize: number;
+            optionPagingDebug: boolean;
+            largeSelectionCollapseThreshold: number;
         }, {}, string, {}, {
             VNodes: (_: any, { attrs }: Omit<{
                 attrs: {
@@ -375,6 +397,10 @@ export declare const useTreeSelect: (props: Props, emit: Emits, nodeKey: any, at
         maxTagsLength: number;
         isExterControlCount: boolean;
         showSelectAll: boolean;
+        optionPaging: boolean;
+        optionPageSize: number;
+        optionPagingDebug: boolean;
+        largeSelectionCollapseThreshold: number;
     }> & Omit<Readonly<import("../../../select/src/type").Props> & Readonly<{
         onBlur?: ((val: any) => any) | undefined;
         onChange?: ((currValue: any, options: any) => any) | undefined;
@@ -382,7 +408,7 @@ export declare const useTreeSelect: (props: Props, emit: Emits, nodeKey: any, at
         "onUpdate:model-value"?: ((currValue: any) => any) | undefined;
         onDropdownVisibleChange?: ((val: any) => any) | undefined;
         onAddCustomItem?: ((val: any) => any) | undefined;
-    }>, "$select" | "toChangeMaxCount" | ("size" | "mode" | "error" | "disabled" | "width" | "open" | "placeholder" | "modelValue" | "isView" | "fieldNames" | "borderType" | "errorMode" | "errorModelZIndex" | "noSetDefaultVal" | "showArrow" | "getPopupContainer" | "teleported" | "isTooltip" | "preserveLabelWhenMissing" | "optionFilterProp" | "maxTagTextLength" | "dropdownClassName" | "showTooltipLength" | "focusOpen" | "isRenderNode" | "noDropdown" | "maxTagsLength" | "isExterControlCount" | "showSelectAll")> & import("vue").ShallowUnwrapRef<{
+    }>, "$select" | "toChangeMaxCount" | ("size" | "mode" | "error" | "disabled" | "width" | "open" | "placeholder" | "modelValue" | "isView" | "fieldNames" | "borderType" | "errorMode" | "errorModelZIndex" | "noSetDefaultVal" | "showArrow" | "getPopupContainer" | "teleported" | "isTooltip" | "preserveLabelWhenMissing" | "optionFilterProp" | "maxTagTextLength" | "dropdownClassName" | "showTooltipLength" | "focusOpen" | "isRenderNode" | "noDropdown" | "maxTagsLength" | "isExterControlCount" | "showSelectAll" | "optionPaging" | "optionPageSize" | "optionPagingDebug" | "largeSelectionCollapseThreshold")> & import("vue").ShallowUnwrapRef<{
         $select: import("vue").Ref<any, any>;
         toChangeMaxCount: (isFocus: boolean) => void;
     }> & {} & import("vue").ComponentCustomProperties & {} & {